Multiple color pickers if more than one <style> block

[leopiccionia]

• I have searched through existing issues
• I have read through docs
• I have read FAQ

Info

• Platform: Linux
• Vetur version: 0.18.1
• VS Code version: 1.33.1

Problem

It's a very specific, small bug, as far as I can reproduce.

If I have two <style> blocks, and both share the same lang (I can reproduce it with default, postcss and scss, but not stylus), each color literal will have two color pickers. If I have three <style> blocks, three color pickers, etc.

The use of scoped, module, etc. doesn't seem to affect it.

Reproducible Case

Any code with two <style> blocks with same lang should work.

<style>
body {
    background-color: white;
}
</style>

<style>
h1 {
    color: #F72;
}
</style>

If needed, I can send a reproduction link.

[bxm0927]

same problem on win10 vetur 0.18.1, vscode 1.33.1

[yyyanghj]

The same problem in a stylus file, maybe it's comes from vscode

[leopiccionia]

@Coolyang1996 I think it's unrelated, because:

1. VS Code doesn't have built-in Stylus support, you need an extension for this;
2. That bug affects only rules with more than one selector, unlike the original reported bug;
3. That bug occurs even without Vetur.

You probably should file an issue on your Stylus extensions' repo.

[yyyanghj]

@leopiccionia
Maybe you are right. I tried again in a css file but still like this. If I disable the language-stylus extension, the problem was solved.