Skip to content

unused css highlighting is always messed up #540

@UltraCakeBakery

Description

@UltraCakeBakery

Describe the bug
When using SCSS style blocks, the unused CSS wiggly yellow lines don't show up in the right place.

image

It should highlight the .introduction class, but it highlights the height property (or any last property of the first defined style) instead.

When switching back to a normal CSS block without the lang attribute, it works fine.

To Reproduce

  1. Make a simple component with some elements
  2. Add some used and unused vanilla CSS without SCSS functions or syntax sugar
  3. Change the <style> to <style lang="scss">

Expected behavior
Work the same as when it is just a normal <style> block

Screenshots
See above

System (please complete the following information):

  • OS: Windows
  • IDE: VScode
  • Plugin/Package: "Svelte for VSCode"

Additional context
No additional plugins or extensions were enabled when making the screenshot. I even restarted vscode just in case.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions