Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

CSS violation and pseudo class

Hello everyone I've been working on a personnal character sheet and I've been using the pseudo class ":has" to handle tabulations and some other styles as I've not seen it in the security filtering. An example : .inventory-tabs:not ( :has ( input [ value = "Armors" ] :checked ))~ .inventory-shifting .armors , .inventory-tabs:not ( :has ( input [ value = "Weapons" ] :checked ))~ .inventory-shifting .weapons {      display : none ; } Another example of where I'm using this pseudo-class : .itemcontrol:has ( .repcontrol_move ) { height : 26px ;     margin : 0px ; } But it seems that this pseudo class isn't passing the security filtering. Am I wrong or is this an oversight of the limitations ? Or maybe my "Potential CSS security violations" is coming from something else ?
1697507556
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
It's coming from something else, but be aware that :has is not recommended as Firefox does not support it. That may not be an issue for your personal sheet, but something to keep in mind.
Would you know what it would be in the first bit of code I showed ? Whenever I erase every :has from the CSS, the security violation disappear so I'm a bit confused
1697521385

Edited 1697521432
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
I don't see anything, which probably means it's a hidden character captured by copy/paste of something (or I'm just tired and missing it). I can guarantee that it is not the :has pseudo class though. I've used it for testing some stuff for when it (hopefully) eventually becomes well supported. If you're using my Roll20 auto code uploader chrome extension, it should give you a warning about which problematic character specifically is in your css.
Can you link your extension ? It would really be helpful And thanks for your quickness buddy
OK I found where the error came from, the character "É" was wandering around somewhere Issue closed then
1697553501

Edited 1697553573
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
Here's the extension . It automates uploading code to your sheet sandbox. And congratulations on finding it. The accented characters are a weird inclusion in the security filtering I sometimes forget about.
1697570656
GiGs
Pro
Sheet Author
API Scripter
Scott C. said: It's coming from something else, but be aware that :has is not recommended as Firefox does not support it. That explains why it's unfamilair to me. It sounds useful though.