UI glitch: black box in the top-left corner
When maximized, a block box in the top-left corner of the browser covers the favicon of the first tab. When not maximized, the tabs shift to the right such that the box is no longer covering any part of the first tab.
When I start with add-ons disabled, the black box disappears. However, setting my theme to default, removing all my add-ons, refreshing and then re-installing Firefox didn't fix the problem.
I also noticed that if I enable the menu bar, the black box leaves the tabs alone and instead covers the 'File' menu.
Any idea how to get rid of it?
Chosen solution
jscher2000 said
Hi Priddles, thank you for testing and reporting back. There may be some minor incompatibility with your graphics card/chipset driver software. (I say minor because Firefox is not crashing.) Firefox 68 enabled a new feature called WebRender, so since it is graphics related, perhaps another workaround would be to disable only WebRender. These are the related preferences, but I can't test it myself (WebRender isn't enabled on laptops, it seems): (1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button promising to be careful or accepting the risk. (2) In the search box above the list, type or paste webren and pause while the list is filtered Near the bottom: (3) If the gfx.webrender.enabled preference is true, double-click it to toggle it to false (4) Double-click the gfx.webrender.force-disabled preference to switch the value from false to true Meanwhile, re-enable hardware acceleration on the Options page, then exit and restart Firefox. Any difference?
gfx.webrender.enabled and gfx.webrender.force-disabled were both false and setting gfx.webrender.force-disabled to true did nothing.
However! Setting gfx.webrender.enabled to true seems to have fixed the problem entirely!
Read this answer in context 👍 3All Replies (20)
Hi Priddles, Is it a Pinned Tab? Right click on it and see if there is an option to Unpin Tab.
Do you see a tooltip if you hover this area? You can also check this area in customize mode.
Are you possibly using a userChrome.css file?
I would normally expect the window controls (minimize, maximize, close) to appear at the right end of the Tab bar when the Menu bar and Title bar are hidden. Because your screenshot only shows the left end, it is not possible to see whether the control buttons are visible elsewhere.
I see a hidden (collapsed) tab-drag-indicator in the source code in this area.
- https://dxr.mozilla.org/mozilla-release/source/browser/base/content/tabbrowser.xml#14
- chrome://browser/skin/tabbrowser/tabDragIndicator.png
My_Cheese_Is_Slippin' said
Hi Priddles, Is it a Pinned Tab? Right click on it and see if there is an option to Unpin Tab.
Unfortunately not.
cor-el said
Do you see a tooltip if you hover this area? You can also check this area in customize mode. Are you possibly using a userChrome.css file? I would normally expect the window controls (minimize, maximize, close) to appear at the right end of the Tab bar when the Menu bar and Title bar are hidden. Because your screenshot only shows the left end, it is not possible to see whether the control buttons are visible elsewhere. I see a hidden (collapsed) tab-drag-indicator in the source code in this area.
- https://dxr.mozilla.org/mozilla-release/source/browser/base/content/tabbrowser.xml#14
- chrome://browser/skin/tabbrowser/tabDragIndicator.png
I cannot interact with the box in any way. All actions are directed to the actual tab underneath. All my control buttons are present in the top-right corner of the window.
I have no idea what a userChrome.css file is. I'll Google that now.
EDIT: No, I am not using a userChrome.css.
EDIT2: I forgot to mention that the black box does show up in the customization screen, but is still just as intangible.
Modified
Maybe check this in the Browser Toolbox.
cor-el said
Maybe check this in the Browser Toolbox.
Even with the Browser Toolbox, the stupid thing is intangible. Worse, I noticed it's been showing up on any Firefox window, including the Developer Tools window (when it's undocked).
Priddles said
cor-el saidMaybe check this in the Browser Toolbox.Even with the Browser Toolbox, the stupid thing is intangible. Worse, I noticed it's been showing up on any Firefox window, including the Developer Tools window (when it's undocked).
I am facing the same problem since yesterday, the black box is not just in full screen it's everywhere, even the refresh dialog box which is tiny had a speck of black at the same position(upper-left corner) but it doesn't seem to appear in safe mode though, so this should mean that it is fixable by a refresh, right? WRONG, I refreshed my Firefox but the box is still there, right in my face, laughing at me. For the moment I am using FF in safe mode but I can't keep this up, life without my extensions(*cough*uBlock*cough*) is tough.
Can you locate this black box in the Browser Toolbox?
Hi Priddles and Pranjal Jain, if a Refresh or manually disabling extensions didn't help, and you don't have a userChrome.css file, another feature of Firefox's Safe Mode is disabling Firefox from using hardware acceleration. This is a potential workaround for incompatibilities between Firefox and your graphics card/chipset driver software.
You could try that in "regular" mode to see whether it eliminates the black box. This article describes where to make that change: Firefox's performance settings. This will take effect the next time you exit Firefox and start it up again. Any difference?
Hi Priddles, Something else that you can try: Launch firefox in Safe Mode (Restart with add-ons Disabled). Go into your extensions and disable all of them. Click on the three dot button and select Disable. Close Firefox. Start Firefox again normally. Is the box still absent?
cor-el said
Can you locate this black box in the Browser Toolbox?
Already tried sadly. Cannot interact with the black box in any way. I couldn't find it in the HTML either.
My_Cheese_Is_Slippin' said
Hi Priddles, Something else that you can try: Launch firefox in Safe Mode (Restart with add-ons Disabled). Go into your extensions and disable all of them. Click on the three dot button and select Disable. Close Firefox. Start Firefox again normally. Is the box still absent?
Have done this and more already. Please refer to original post.
jscher2000 said
Hi Priddles and Pranjal Jain, if a Refresh or manually disabling extensions didn't help, and you don't have a userChrome.css file, another feature of Firefox's Safe Mode is disabling Firefox from using hardware acceleration. This is a potential workaround for incompatibilities between Firefox and your graphics card/chipset driver software. You could try that in "regular" mode to see whether it eliminates the black box. This article describes where to make that change: Firefox's performance settings. This will take effect the next time you exit Firefox and start it up again. Any difference?
Thank you! This got rid of the black box.
Unfortunately, this is just a stop-gap solution and hopefully it will be eventually patched. I've been using Firefox on this machine for many months and it only started happening recently. I wonder if my graphics driver is to blame?
Hi Priddles, thank you for testing and reporting back. There may be some minor incompatibility with your graphics card/chipset driver software. (I say minor because Firefox is not crashing.)
Firefox 68 enabled a new feature called WebRender, so since it is graphics related, perhaps another workaround would be to disable only WebRender.
These are the related preferences, but I can't test it myself (WebRender isn't enabled on laptops, it seems):
(1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button promising to be careful or accepting the risk.
(2) In the search box above the list, type or paste webren and pause while the list is filtered
Near the bottom:
(3) If the gfx.webrender.enabled preference is true, double-click it to toggle it to false
(4) Double-click the gfx.webrender.force-disabled preference to switch the value from false to true
Meanwhile, re-enable hardware acceleration on the Options page, then exit and restart Firefox.
Any difference?
Chosen Solution
jscher2000 said
Hi Priddles, thank you for testing and reporting back. There may be some minor incompatibility with your graphics card/chipset driver software. (I say minor because Firefox is not crashing.) Firefox 68 enabled a new feature called WebRender, so since it is graphics related, perhaps another workaround would be to disable only WebRender. These are the related preferences, but I can't test it myself (WebRender isn't enabled on laptops, it seems): (1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button promising to be careful or accepting the risk. (2) In the search box above the list, type or paste webren and pause while the list is filtered Near the bottom: (3) If the gfx.webrender.enabled preference is true, double-click it to toggle it to false (4) Double-click the gfx.webrender.force-disabled preference to switch the value from false to true Meanwhile, re-enable hardware acceleration on the Options page, then exit and restart Firefox. Any difference?
gfx.webrender.enabled and gfx.webrender.force-disabled were both false and setting gfx.webrender.force-disabled to true did nothing.
However! Setting gfx.webrender.enabled to true seems to have fixed the problem entirely!
Modified
Priddles said
gfx.webrender.enabled and gfx.webrender.force-disabled were both false and setting gfx.webrender.force-disabled to true did nothing. However! Setting gfx.webrender.enabled to true seems to have fixed the problem entirely!
This worked for me too!
All I really had to do was turn off Firefox's performance settings in General >options
Performance Unchecked Use recommended performance settings Learn more These settings are tailored to your computer’s hardware and operating system. Unchecked Use hardware acceleration when available. and that solved my problem I did not have to change gfx.webrender.enabled or gfx.webrender.force-disabled How does Mozilla not support. Intel® HD Graphics 530 acceleration????????
Option > Performance... Unchecked: Use recommended performance settings Unchecked: Use hardware acceleration when available. and that solved my problem
closed/reopened ff and indeed solved!
Modified
I try the jscher2000 and b's method, both of them can't fix my issue, When I maximum windows that box will disappear, quite weird It seems like a drag space, but I didn't check drag space on the Customize page.
below is my screenshot, and another question, what is the blue dot below the tab bar? sorry if that's a dumb question, I just jump into Firefox from Chrome recently
Thanks, everyone.
jscher2000 said
Hi Priddles, thank you for testing and reporting back. There may be some minor incompatibility with your graphics card/chipset driver software. (I say minor because Firefox is not crashing.) Firefox 68 enabled a new feature called WebRender, so since it is graphics related, perhaps another workaround would be to disable only WebRender. These are the related preferences, but I can't test it myself (WebRender isn't enabled on laptops, it seems): (1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button promising to be careful or accepting the risk. (2) In the search box above the list, type or paste webren and pause while the list is filtered Near the bottom: (3) If the gfx.webrender.enabled preference is true, double-click it to toggle it to false (4) Double-click the gfx.webrender.force-disabled preference to switch the value from false to true Meanwhile, re-enable hardware acceleration on the Options page, then exit and restart Firefox. Any difference?
B said
All I really had to do was turn off Firefox's performance settings in General >options Performance Unchecked Use recommended performance settings Learn more These settings are tailored to your computer’s hardware and operating system. Unchecked Use hardware acceleration when available. and that solved my problem I did not have to change gfx.webrender.enabled or gfx.webrender.force-disabled How does Mozilla not support. Intel® HD Graphics 530 acceleration????????
Modified
Hi TiâuÛi Lâu, I don't think it's the same black box problem, but I'm not sure what it is if it's not drag space.
another question, what is the blue dot below the tab bar?
The blue dot on a Pinned tab indicates the page title has changed. The dot is shown because the page title is hidden on pinned tabs so you would have no idea the title changed. The most common reason for a page to update the title is to notify you of new messages, so you could think of it as a notification light.
jscher2000 said
Hi TiâuÛi Lâu, I don't think it's the same black box problem, but I'm not sure what it is if it's not drag space.
Okay, I think I have to keep digging. I even try the refresh firefox, it does not work, now I have to reset all my extension shortcut and re-login them Orz
The blue dot on a Pinned tab indicates the page title has changed. The dot is shown because the page title is hidden on pinned tabs so you would have no idea the title changed. The most common reason for a page to update the title is to notify you of new messages, so you could think of it as a notification light.
Oh! I got it! is there any way to close this function? I think it's quite annoying, I don't need that little blue dot to steal my focus...
Thanks again!
Modified