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

same code = different display whether it's a custom sheet or a community sheet

I've noticed that the same code displays in different ways whether the game is created using the community sheet or a custom sheet. I detected a display bug in the community sheet I made ( Brigandyne 2e édition ) and was surprised I had not noticed it. See image below, the columns are disaligned. I created a game with custon sheet using the very same code directly dowloaded from the roll20 github repository and *magic* : no display bug. Same goes with a sandbox sheet (no bug). Have you people noticed this already ?
1731542419
vÍnce
Pro
Sheet Author
I'm not surprised. ;-( Can you see anything different inspecting the code.  ie side-by-side comparison.  one window of the sandbox and another using a custom game. Curious, what happens when you look at the same part of the sheet in a live server game?
I'm sorry, I know what is the faulty line of my html code but I'm not proficient enough to find where is displayed the relevant code in the inspector :(
1731803651
GiGs
Pro
Sheet Author
API Scripter
If you know what the faulty line is in your code, please post it. We can point out how to fix it.
1731805394

Edited 1731805411
vÍnce
Pro
Sheet Author
Right-click on your character sheet directly on the buggy output and use the browser's "inspect" dev tool to have a look at the renderd code.  You can also experiment on your code and see how it effects your sheet.  Indispensable as a tool for sheet authors.
Thanks guys ! The faulty code is this line :  <div class="thead" style="width: 200px; max-width 200px;">Sort</div> I forgot a ":" after "max-width" and I already made a pull request with the correction. What's weird is that this code doesn't display the same way whether it's part of a custom sheet game or a community sheet game. And indeed, the inspector shows 2 diferent things, thx Vince I didn't know the trick (both games open in Firefox). Custom sheet game (no bug), inspector shows  : <div class="thead" style="width: 200px; max-width 200px;">Sort</div> Community sheet game (bug), inspector shows : <div class="thead">Sort</div> No big deal, really but somewhat weird, and annoying that a bug is barely noticeable in custom and sandbox mode, therefore before the sheet is submitted.
1731862049
GiGs
Pro
Sheet Author
API Scripter
HTML is very tolerant of faults (incorrect syntax) but different browsers (and different versions of the same browser) can handle things differently. The error there is being handled differently (in the first code it is being worked around, and in the second the entire statement that contains a syntax error is dropped). When you have something that isn't producing the result you expect, the first thing to do is check the syntax. It's not always easy to find, though.