No JSX attributes snippets after curly

[zardoy]

Bug Report

🔎 Search Terms

React, JSX attributes snippets, VSCode VS Code

🕗 Version & Regression Information

4.9

• This is the behavior in every version I tried, and I reviewed the FAQ for entries about _________

⏯ Playground Link

provided

💻 Code

1. npm i @types/react
2. jsx file: ;<span title={''} about| /> | - cursor position

🙁 Actual behavior

Completion without insert snippet.

🙂 Expected behavior

Completion with snippet like in following cases:

;<span title={''} | /> // about completion with snippet
;<span title='' about| />

[RyanCavanaugh]

I'm not seeing what problem you're describing - everything I try seems to work according to my expectation. At the indicated |, what key are you pressing and what are you expecting to happen?

[zardoy]

Thank you so much for looking into that!

I'm not seeing what problem you're describing - everything I try seems to work according to my expectation

@RyanCavanaugh can you please look at linked PR fixing it (#51855), I've added failing tests. For example:

;<Foo something={false} cla/*14*/ foo />

Should be completed with className={$1} and not just className when preferences.jsxAttributeCompletionStyle is "braces" or "auto"

[RyanCavanaugh]

I see; I was missing that you were specifically expecting the braces. Makes sense