Waterfox-specific rendering bug

skycommand commented 1 year ago

What happened?

Let's open the following URL in Waterfox:

https://support.microsoft.com/en-us/topic/2022-41099-ba6621fa-5a9f-48f1-9ca3-e13eb56fb589

The following is a screenshot of how Waterfox renders it. I've taken it from a freshly created Waterfox profile.

Waterfox

In this screenshot, two scroll bars are visible. The inner scroll bar is redundant and intrusive. It prevents correct navigation of the website. This scroll bar does not appear when I open the same URL on other web browsers. I have tested Firefox, Libre Wolf, and Microsoft Edge. Here is a sample:

Libre Wolf

Reproducible?

[X] I have tested this on Firefox.

Version

G5

What platform are you seeing the problem on?

Windows

Relevant log output

No response

lazymonkey2 commented 1 year ago

confirmed on 5.1.5

Wonderer0 commented 1 year ago

Same nested scrollbars problem with https://www.java.com/en/download/manual.jsp Occurs in WF 5.1.5 with a new profile Not present in FF ESR 102.10.0

DavidSchillinger commented 1 year ago

I'm not sure where the stylesheet is coming from, but there's a general.css being loaded (not by the Microsoft website itself) that applies this CSS:

/* Prevent any horizontal scrolling on about:preferences */
.main-content {
  overflow-x: hidden !important;
}

This then causes the scrollbar to appear because it targets .main-content which happens to exist on this website.

There are some Waterfox/Firefox-sounding rules in that file, which could give a hint on how/where to fix this:

...
/* about:preferences Look & Feel icon */
#category-theme > .category-icon {
  list-style-image: url("chrome://browser/skin/customize.svg");
}

#waterfoxUserChromeCustomizations {
  padding-right: 50px;
}
...

Is this file accidentally being injected into every page when it should only be applied to browser chrome or settings pages maybe?

EDIT: This appears to be the problem: general.css

BrowserWorks / Waterfox