BUG: false positive invalid pseudo-class selector in .vue files

[micDropper (Ethan Hahn)]

Must-share information (formatted with Markdown):

• which versions are you using (SonarQube, Scanner, Plugin, and any relevant extension)
  9.3.0.51899

• what are you trying to achieve
  Scan the SCSS/CSS in *.vue files. Sonar reports invalid pseudo-class selector when it encounters the Vue :deep pseudo-class selector (css:S4659). See Vue 3 pseudo-class selectors SFC CSS Features | Vue.js

• what have you tried so far to achieve this
  Create a valid .vue file with Vue 3 containing valid SCSS using Vue’s :deep pseudo-class selector. Sonar reports bad pseudo-class selector.

[Colin]

Hey there.

I’ve moved this thread to the section on reporting false-postives. Make sure to read this post here, and provide a code snippet demonstrating the FP.

How to Report a False-positive / False-negative

Hey SonarSource Community! False-positives happen, as do false-negatives, and we’re eager to fix them. We are thrilled when our users report problems, so we can make our products better. What is a false-positive (FP)? A false-positive is when an issue is raised unexpectedly on code that should not trigger an issue, or where the suggested action doesn’t make any sense for the code. What is a false-negative (FN)? A false-negative is when an issue should be raised on a piece of code, but isn’t…

[VitaliHarbiankou]

The reported issue still exists for SonarCloud (see a screenshot below). SonarCloud, please, update the rule

[Yassin (Yassin Kammoun)]

Hey Ethan,

Thanks for the feedback.

Let me redirect you to this thread Vue 3 deep selector raising unexpected unknown pseudo-class selector Bug - #7 by Yassin_Kammoun, as it reports the same problem you’re facing.

Hope this helps,
Yassin