We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Weird white line at the top of the window (MacOS)

  • 5 cavab
  • 1 has this problem
  • 3 views
  • Last reply by Jekipek

more options

Hello everyone! I don't know what caused this white line that is appearing (here is the video, sorry for quality loss, but white line is still visible) but it comes and goes constantly, so, it's not a fixed white line. I recently installed Material Fox, so maybe that caused the issue? I would really appreciate your help. (Changing to white theme helps, but it's visible again when watching a video full screen).

my userChrome.css code:

@import "global/variables.css";
@import "global/global.css";
@import "icons/icons.css";
@import "tabbar/tabbar.css";
@import "navbar/navbar.css";
@import "personalbar/personalbar.css";
@import "popup/popup.css";
@import "urlbar/urlbar.css";
@import "findbar/findbar.css";

#urlbar {
	-moz-binding: url("bindings.xml#urlbar") !important;
}
/* Center URL */
#urlbar .urlbar-input-box {
	text-align: center;
	margin-bottom: 1px;
}
Hello everyone! I don't know what caused this white line that is appearing ([https://imgur.com/a/Qt9cBYj here is the video], sorry for quality loss, but white line is still visible) but it comes and goes constantly, so, it's not a fixed white line. I recently installed Material Fox, so maybe that caused the issue? I would really appreciate your help. (Changing to white theme helps, but it's visible again when watching a video full screen). my userChrome.css code: <pre><nowiki>@import "global/variables.css"; @import "global/global.css"; @import "icons/icons.css"; @import "tabbar/tabbar.css"; @import "navbar/navbar.css"; @import "personalbar/personalbar.css"; @import "popup/popup.css"; @import "urlbar/urlbar.css"; @import "findbar/findbar.css"; #urlbar { -moz-binding: url("bindings.xml#urlbar") !important; } /* Center URL */ #urlbar .urlbar-input-box { text-align: center; margin-bottom: 1px; }</nowiki></pre>

Modified by cor-el

All Replies (5)

more options

Did you try to disable your userChrome.css temporarily to see if that has effect ?

more options

cor-el said

Did you try to disable your userChrome.css temporarily to see if that has effect ?

Hello! Thanks for the tip, I turned it off but the "line" is still there. So now we know it doesn't have to do with the userChrome.css

more options

I have found the culprit! It turned out to be the fault of the new function of FF88. MacOS had this problem that if you hover with your mouse at the tab bar, the whole mac menu bar would drop down, hiding the tab bar. This is very annoying for mac users, so firefox was supposed to fix it with FF88. Well, it is fixed but it causes that white line. I turned full-screen-api.macos.shiftToolbar on and off a few times to test and yes, the white line would return. So, its a bug.

more options

I'm not sure whether this is fixed for Mac OS X 10.15 in 88 or 89

  • 1699506 - Add fullscreen toolbar-shifting behavior behind a pref

(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html
)

more options

This is the bug: 1700211