Test JSX linked editing

[mjbvz]

Test for microsoft/TypeScript#51832

• Mac @eleanorjboyd
• Linux @deepak1556
• Windows @luabud

Complexity: 3

Create Issue

---

Summary

TS 5.1 enables linked editing for JSX tags. This means you can place your cursor on one tag and start editing to update the matching tag

Testing

1. Enable linked editing: "editor.linkedEditing": true
2. npm install typescript@next and switch your workspace to use TypeScript 5.1
3. In a .tsx or .jsx file, try making linked edits to jsx tags

Some things to test:

• Linked editing should stop once you type space or a non tag character
• Linked editing should only effect the matching tags
• Linked editing should not be activated when you are on an attribute
• Linked editing should work when the cursor is on either the opening or closing tag
• Pressing escape should exit linked editing mode
• Linked editing should work for qualified names, like myNamespace.Component

[luabud]

Worked as expected :)

[ya2s]

@mjbvz @luabud
Works mostly well, but stops working when the tag name is empty

[justgage]

For some reason, it required me to restart VSCode (HTML-only files didn't), but after that, it works well. Thanks 🙂.

[ya2s]

I tried restarting but it doesn't work