D&D 5E Character sheet not displayed properly in Firefox

Hi all, I am having the same exact issue as described in this archived post . The character sheet is broken in the same exact way, using Firefox. Unfortunately, none of the advice in that thread helped me: my zoom is on 100%, I disabled the extensions which could affect the style of the page, I checked on different monitors and OS (Mac and Linux), and set the sheets as pop-up, but no luck. Inspecting the page I noticed that I can get the last column to display properly if I change the width in  charsheet .body (in the div with class "body") from 750px to at least 757px. In this case it will look fine both on the main screen and the secondary. Any advice on how to get the sheet to permanently display as intended? Again, since I do not have any extensions on which could affect the page layout (after I disabled uBlock Origin), I do not believe that is the issue. I also played with font size but - again - no luck. Thank you in advance.

Have you tried Firefox's Privacy Mode? (Ctrl+Shift+P) If not, please give it a try.  Also, could you supply a screenshot? 

In a quick test for me, it looks like the sheet (core tab) gets reduced to 2 columns in dark mode, but has the normal 3 columns in light mode.  Everything is still there in dark mode, but the 3rd column (Characteristics and Features & Traits) are moved down below the content of column 1 (Attributes, Skills, and Proficiencies).

Hmmm, I am not seeing that in Dark Mode in Firefox. Just to confirm there is nothing else going on could you try privacy mode in Firefox?  Also, do the fonts look ok? I have seen reports lately of the fonts on people's computers causing changes in Roll20. Next, could you screenshot the settings for a character sheet? I would like to replicate the settings to see if that makes a difference. 

Hi, I can confirm that the issue seems to be the dark mode as suggested by @kraynic. @Gauss: I attach you the screenshot for the top part of the character sheet, but in the linked discussion the OP could post the full page and it is exactly like that (I am not sure how to take a shot of the whole page, the Firefox's function is not working and only saves the visible part, very annoying. About the fonts: I tried changing the settings but that did not work. As of now I am with the default settings. Please check the relevant screenshot attached. Finally, about the character sheets settings, may I ask you where I can find them, please? Please note that I am only a player and not a GM, so not sure if I have access to these game settings. Thank you so much for looking into this.

I think there may be a bug. I use Firefox in dark mode, and didn't have this last night in the game I play in. However, playing around in the settings doesn't seem to replicate what you're dealing with. Do you have any specific browser extensions that you use?

Hi! I forgot to mention this in my previous message: I tested it in a private window, as suggested by @Gauss, with all extensions disabled. Nothing changed. I believe that the issue is due to the font. I just made a few more tests: when I disable the "font-family: Tiamat Text;" under ".sheet-darkmode #tab-content", everything is displayed properly, as per attachments. I am not sure why light mode does not need this setting and in case if it could be disabled in the dark mode as well. In the meantime I will check if I can install and use this font (I installed it but I guess I need to restart Firefox as well. Thank you again for the time spent to help out :-)

@Massi, You can find the character sheet settings next to the Core, Bio, and Spell buttons. It looks like a "cog". With that said, it sounds like you have a working solution? 

Hi @Gauss, Thank you, I would say that so far the only solution is to use the light theme. That's a bummer since I would prefer the dark theme and it seems like it would be an easy fix on R20's part (just disabling that extra font selection). I went on and did a few extra tests, installing the Tiamat font family and even changing the value for " layout. css. font-visibility. resistFingerprinting", but nothing helped. I am thinking that the only way would be to install another extension which allows to change page style, but I will be thinking about it since I do not want to make my browser over-bloated with extensions, especially if they are just to fix one small issue. If anyone has other ideas on what I could try on my side, please let me know. I hope that at least my investigations will help people with my same issues. Thank you!

Well I was hoping that the font fix you found would work, but since it hasn't your next stop is probably to contact the Devs via the Help Center  as the forums are primarily for users helping users. 

Hello @Gauss, First of all thank you again for finding the time to look into this! After some tinkering, I have been able to find an hack to solve it on my side. Also, apologies for mentioning that the issue was present on MacOs as well: it is not, I only encountered it on Linux. Now, as I mentioned above, the problem is due to the font, I guess that the sheet does not play nice with Linux's defaults. I also wonder if the fingerprinting option I mentioned has something to do with it but after disabling it, even though I had Tiamat installed, nothing improved. Anyway, let's move on to my solution! The best way to change the style would be using an extension such as Tampermonkey, but since I did not want to install another addon just for this, I checked if I could instead supersede the font-family property using uBlock Origin, which I have already installed (as anyone browsing the internet should). After a lot of trials and errors, I came up with this filter: app.roll20.net##.tab-content:style(font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important) The list I used in font-family can be changed of course, but so far I can confirm that this one works. I do believe that it'd be better if devs edited the sheet so that it works properly as the light one, but in the meantime, I guess I can do with this. Hope it can help others as well. Thank you :-)

Part of the problem here I think is that an OS can override the font options available to a browser. I have NO idea what Linux does in this regard as I don't use it.  I suggest sending the message to the Devs via the Help Center as described above so that they are made aware of the problem. 

Thank you, I raised a ticket and let's see. I guess it impacts very few people but the change should be a small one. I believe that the problem is that the default font in Linux do not play nice with the layout, no idea why though. Thanks again!