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

Help with Sheet Sandbox error

1751300490

Edited 1751300536
Hey folks, I'm trying to develop a sheet for an upcoming kickstarter project and somewhere along the way my CSS file stopped being saved properly to the sandbox. From what I can tell some kind of error is being thrown. It will still impact the sheet in sandbox but if you refresh the page the formatting will be wrong on the character sheet until you reload the css, cause the error, and then reload the html. Any suggestions on what could cause this would be appreciated. I'm not sure how much of the code I can presently share but I will do what I can. Screenshot attached but anyway the error is:&nbsp; Layout was forced before the page was fully loaded. If stylesheets are not yet loaded this may cause a flash of unstyled content. stylesheets-manager.js:664:11 XHRPOST <a href="https://app.roll20.net/sheetsandbox/savesheetsettings" rel="nofollow">https://app.roll20.net/sheetsandbox/savesheetsettings</a> [HTTP/2 500&nbsp; 302ms]
After posting this I decided to go CSS block by block checking to see what causes the error, apparently it's the stylings for the delete button in repeating sections. It looks to be that trying to use content to put something on the delete button is causing the xhrpost error. /*Change the delete button to a trashcan*/ .repcontrol_del::before { &nbsp; &nbsp; content : "🗑️" ; &nbsp; &nbsp; font-size : 16px ; } .repcontrol_del { &nbsp; &nbsp; position : relative ; &nbsp; &nbsp; font-size : 0 ; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; /* hides the # */ &nbsp; &nbsp; color : transparent ; &nbsp; &nbsp; &nbsp; /* hides the # if font-size fails */ &nbsp; &nbsp; width : 24px ; &nbsp; &nbsp; height : 24px ; &nbsp; &nbsp; overflow : hidden ; &nbsp; &nbsp; background : none ; &nbsp; &nbsp; border : none ; &nbsp; &nbsp; cursor : pointer ; } .repcontrol_del::after { &nbsp; &nbsp; content : "🗑️" ; &nbsp; &nbsp; font-size : 18px ; &nbsp; &nbsp; position : absolute ; &nbsp; &nbsp; top : 50% ; &nbsp; &nbsp; left : 50% ; &nbsp; &nbsp; transform : translate ( -50% , -50% ); &nbsp; &nbsp; color : black ; }
1751311202
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
The problem is the character that you are adding to the content. It is likely a high value unicode character which the css sanitizer for roll templates (and legacy sheets) sees as a possible security threat and then throws the entire css file out. If you are using modern css sanitization, then it just removes the css for your roll template context. If you are using legacy sanitization for the sheet, it will remove the css for the sheet and the roll template. I would recommend using my autocode uploader browser extension to automate the upload of code during development and give you a warning when characters that trigger the css sanitizer are detected in your css files.