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

Must-share information (formatted with Markdown):

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

  • 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.


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.

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


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,

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.