Custom elements in css (ionic-framework) reported as a bug

[graphefruit]

Hello!

I’ve added my public repo to sonar cloud and the custom elements from ionicframework are treated as an issue.

I’ve got 220 more of this issue type.

My project is an cordova/ionic based application within angular and typescript with scss.
Where can I set the rules, that the custom elements of Ionic are not an bug anymore?

Thanks for your help!
Graphefruit

[Gregoire_Aubert (Grégoire Aubert)]

Hello Graphefruit,

Sorry for the late reply.

You can customize this rule (it’s css:S4670 right ?) by creating a new quality profile. If you currently use the Sonar way quality profile then you have to create a new quality profile that inherit from it and then to de-activate and re-activate the rule you want to customize. And while re-activating it inside your new quality profile you should see some parameters that you can change.

HTH

[Gregoire_Aubert (Grégoire Aubert)]

You can also follow the more detailed solution from @OlivierK here:

How to change CSS rule "Selectors should be known"

Hello @mrbighokage, You probably can’t change it because you are using the default read-only Sonar Way quality profile of SonarCloud. To change this: Browse to quality profiles --> CSS, and then on the gear icon right of Sonar Way select Extend [image] Create your own quality profile named what you want (Yurii’s Way for instance) Then browse to the rules, search the rule you want to customize, and next to the Yurii’s Way quality profile you’ll have a change button that will allow you to cus…

[graphefruit]

Hi @Gregoire_Aubert sorry for my late replay i’m now active again.
I’ve fixed it with your solution.
Greetings