We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
Having an inline event handler inside an element (doesn't have to be a special element) breaks <style> tag IntelliSense.
<style>
Copy and paste the snippet to an empty .svelte file and trigger the autocomplete box in the styles tag
.svelte
<svelte:window on:mousemove={({}) => { // destructuring the parameter above breaks autocompletion // remove the empty brackets and the css autocompletion below works }} /> <div><slot /></div> <style> div { /* trigger autocomplete here, gets JS variables instead of CSS */ } </style>
CSS autocompletion works without having to move destructuring inside the function body.
Svelte for VS Code extension
No response
The text was updated successfully, but these errors were encountered:
Its not just for destructuring (though I can replicate that as well). In this snippet, it breaks with the same symptoms:
<svelte:window on:mousemove={() => { if (true) {return} if (2 >= 1) {} }} /> <style lang="scss"> /* js suggestions here :// */ </style>
Sorry, something went wrong.
No branches or pull requests
Describe the bug
Having an inline event handler inside an element (doesn't have to be a special element) breaks
<style>
tag IntelliSense.Reproduction
Copy and paste the snippet to an empty
.svelte
file and trigger the autocomplete box in the styles tagExpected behaviour
CSS autocompletion works without having to move destructuring inside the function body.
System Info
Which package is the issue about?
Svelte for VS Code extension
Additional Information, eg. Screenshots
No response
The text was updated successfully, but these errors were encountered: