Bug 254991

Summary: Broken rendering in Firefox with "Minimum font size" is "20" & "Zoom text only checked" set
Product: Services Reporter: parv <parv.0zero9+freebsd>
Component: ForumsAssignee: Forum Adminstrators <forum-admins>
Status: Closed FIXED    
Severity: Affects Some People CC: danger, marius.e.nicolae, parv.0zero9+freebsd
Priority: --- Keywords: needs-qa
Version: unspecified   
Hardware: Any   
OS: Any   
Attachments:
Description Flags
An image showing veryt thin column on right hand side of a Forums thread in Firefox
none
Animation (webp) of 2 cases of rendering in Firefox of forums.freebsd.org
none
With "display: flex" set on div id "top"
none
Without "display: flex" set on div id "top" none

Description parv 2021-04-12 02:07:44 UTC
Created attachment 224041 [details]
An image showing veryt thin column on right hand side of a Forums thread in Firefox

At least since 2020, rendering of forums[.]freebsd.org web pages has been broken in contemporary Firefox. Forum index and a thread appear in a 2-3 word wide columns; see the attached screenshot taken in May 2020. Rendering in Firefox still remains broken.

Sometimes "View: Page Style: No Style" or "Reader View" make a thread readadble, except whenever they are not available to choose on a Forums thread. In "Reader View", there is loss of date of post and screenshots/images that might be otherwise available.
Comment 1 parv 2021-04-12 02:14:12 UTC
I should also note ...

- screen resolution: 1920x1080 px;

- in Windows 10 & FreeBSD 12, minimum font size is 20 in Firefox;

- default zoom of Firefox is 110%;

- no amount of allowing of Javascript or fonts requested by web page produce any change.
Comment 2 parv 2021-04-12 02:23:27 UTC
Further, running Firefox in "Safe Mode" (without any add-ons) still shows defunct rendering.
Comment 3 parv 2021-04-27 10:52:37 UTC
I can reproduce the situations in a new profile. Case ...

a- "Minimum font size" option is "None" & "Zoom text only" option is unchecked: normal looking rendering;

b- "Minimum font size" is "20" & "Zoom text only checked": thin column, as noted previously.
Comment 4 parv 2021-04-27 10:54:05 UTC
Created attachment 224470 [details]
Animation (webp) of 2 cases of rendering in Firefox of forums.freebsd.org

Animation of 2 cases of rendering in Firefox of forums.freebsd.org:

a- Minimum font size is none & Zoom text only is unchecked: produces normal looking rendering.

b- Minimum font size is 20 & Zoom text only is checked: produces thing column on right hand side.
Comment 5 Mne 2021-09-15 15:37:16 UTC
I'm too affected by this issue on Windows 10, FF 92.0, and I noticed that if "display: flex" attribute gets disabled on div HTML element with id "top" it gets rendered correctly.
Comment 6 Mne 2021-09-15 15:40:20 UTC
Created attachment 227921 [details]
With "display: flex" set on div id "top"
Comment 7 Mne 2021-09-15 15:41:36 UTC
Created attachment 227922 [details]
Without "display: flex" set on div id "top"
Comment 8 Daniel Gerzo freebsd_committer freebsd_triage 2021-09-18 11:40:14 UTC
Hi, I have commented out the display: flex; property from the css, please let me know whether it has fixed your issues.
Comment 9 Mne 2021-09-18 12:37:09 UTC
Yes, it's looking good on my side.

Many thanks!
Comment 10 parv 2021-09-19 08:51:46 UTC
(In reply to Daniel Gerzo from comment #8)

Thank you. Space is not being wasted anymore; I get "expected" rendering of a thread now.
Comment 11 Daniel Gerzo freebsd_committer freebsd_triage 2021-09-19 10:13:17 UTC
closing as fixed, thanks for report and recommended solution.