[css] Two extra colons added when completing a pseudo-selector

[Dean-NC]

• VSCode Version: 1.47.3
• OS Version: Windows x64 10.0.18363

Steps to Reproduce:

1. Similar steps as with issue Two colons added when completing pseudo-selector in nested scss #30176. For CSS in <style> tag in .html (haven't tested .css file), type any selector, example: div, then type 2 colons. Intellisense may/may not show ::before as a hilighted suggestion. If it does, press the tab or enter key, and you'll end-up with 4 colons.

2. If intellisense does not show ::before as a higlighted suggestion, type "be", so that you have "div::be" typed so far. Intellisense should be showing ::before as a highlited suggestion. Press the tab or enter key, and you'll end-up with 4 colons.

It seems the coders only tested typing a single colon when testing intellisense and auto-completion.

Does this issue occur when all extensions are disabled?: Yes

[aeschli]

Sorry, you have to provide more detailed steps, I'm not able to reproduce.

[Dean-NC]

@aeschli Here's 2 of the same demo files (small, stripped-down), 1 that works correctly and 1 that doesn't. The cause seems to be a combination of the preceding style rule and the following comment and style rule.

Demo files.zip