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

CSS Security Violation Still Breaking Roll Templates - SVG and FontAwesome Icons Issue

1769464177

Edited 1769464272
Tealk
Pro
Sheet Author
Hi everyone, I'm reopening this issue as it's still occurring and affecting my character sheet development. The problem persists even when using FontAwesome icons in CSS. The Issue: When I include SVG images or FontAwesome icon references in my CSS file, the styling for roll templates gets completely broken, even though other CSS rules apply normally. Removing the SVG/icon references fixes the issue immediately. What I've Tried: - Converting Sass to plain CSS - Using different SVG formats - Implementing FontAwesome icons via CSS - Testing in the custom sheet sandbox Current Status: The error appears to be a CSS security filter on Roll20's end that's too aggressive. It seems to block entire CSS rule sets when it detects certain content (SVGs, possibly certain characters in calc() functions, or icon references), rather than just sanitizing the problematic parts. Questions: 1. Is there a known workaround for using icons/SVGs in character sheets without breaking roll templates? 2. Are there specific characters or patterns I should avoid in my CSS? 3. Has this been escalated as a bug? If so, what's the status? Any insights or workarounds would be greatly appreciated! Thanks
1769469582
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
Yes, the roll templates use legacy sanitization regardless of what your sheet sanitization is. I wish they used the same sanitization, but unfortunately they don't.