Steps to reproduce
- Make a new document:
<outer>
<inner />
</outer>
- Put the cursor in the middle of
<inner />: /inn
- Type
ysat<middle> (not shown below) or ``ysatmiddle>` (shown)
Expected result:
<outer>
<middle>
<inner />
</middle>
</outer>
Observed result
<middle>
<outer>
<inner />
</outer>
</middle>
Workaround
ysa<<middle> or ysa<<C-T>middle>
Background
Self-closing tags come up in HTML5, XML, React, etc.
I was just turning a React component from a flex-row into a table, and as I wrapped each element with <td> I had to switch between ysat and ysa< depending on if it was self-closing or not.
Steps to reproduce
<inner />:/innysat<middle>(not shown below) or ``ysatmiddle>` (shown)Expected result:
Observed result
Workaround
ysa<<middle>orysa<<C-T>middle>Background
Self-closing tags come up in HTML5, XML, React, etc.
I was just turning a React component from a flex-row into a table, and as I wrapped each element with
<td>I had to switch betweenysatandysa<depending on if it was self-closing or not.