Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Backtick inside JSX prop={} doesn't auto-pair #253

Open
markalfred opened this issue May 20, 2020 · 0 comments
Open

Backtick inside JSX prop={} doesn't auto-pair #253

markalfred opened this issue May 20, 2020 · 0 comments

Comments

@markalfred
Copy link
Contributor

If you try to add a backtick-wrapped string inside of a JSX prop, it won't pair the backtick. Not a big deal, but when you go to add the second backtick, it tries to auto-pair that one, leaving you with three backticks. 😭 And if you delete that second one, it deletes two of them, leaving you in your original sorry state of a single backtick without a friend in the world. 😭 😭

backtick

It seems to be because it views the internals of {} as source.jsx until it contains anything, at which point it becomes source.js. Make special note of the position of the cursor in the following screenshots:

image

image

image

I think that in all three of these cases, the selector should be considered source.js rather than source.jsx. But I'm not positive.

Thank you for your time, and the excellent package!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant