1504591 - Resize full screen get black skin border bug.

Status: UNCONFIRMED

(Firefox :: Theme, defect, P2)

Description

[Les1ie]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36

Steps to reproduce:

I create a video to show what happen when I resize my firefox.
https://vimeo.com/287813443
This video was create two month ago, and now I run firefox 63.0.1, this bug is still there.

The resolution of my laptop is 1366*768, and I get an extra monitor with resolution 1920*1080, when I start firefox from laptop, it work correct, but when I drag the window to external screen , this bug happen.  I change several skin and this problem still there.


Actual results:

A black border appear, miss a part of skin.




Expected results:

A correct skin with no missing part of skin.

Comment 1

[David Olah]

I tired to reproduce this on Windows 10, Firefox Nightly 65.0a1 (2018-11-08) and Firefox 63.0.1, on a laptop and a screen with the same resolutions specified by you, with Chinese and English builds and with various themes but didn't managed to.

Do you have this problem with multiple themes or only with the recorded one? Is this reproducible with the default theme also? Is this reproducible to you with the English build also? Do you have some addons installed that can mess with the UI of Firefox?

Comment 2

[Les1ie]

I disable all the addons which may have affect UI of Firefox, and I tried several theme, all of them have the some problem. When I switch to default theme, this bug disappear.

Screen recording software can't record laptop screen and external screen in the sametime  :(   

Maybe I didn't describe clearly what I did when this bug appear in before report, so let me try again  :)
1. laptop with resolutions 1366*768, external screen resolutions is 1920*1080, I reset my external screen with other resolutions, if the resolution is higher than 1366*768, the bug appear; if resolution of my external screen lower than or equal to  1366*768, the bug disappear. 

2. When I FIRST double click the icon of firefox, the windows of Firefox first appear in my LAPTOP SCREEN, and then I drag firefox windows to external screen (with higher resolution than my laptop screen), the bug appear.

3. So generally speaking, this question can describe as follow: Firstly, set an awesome firefox theme, and close firefox; Secondly,  double click firefox icon to initial firefox windows, then drag it to other screen with higher resolution, then this bug appeared.

4. The color of lack part of skin can be all kinds of color, black, pink, white , I think it depends on the color of theme.

MY GUESS: 
I think this bug happend when initial border image, it will read resolution of current screen, and it won't change again, so I drag it to other screen with higher resolution, the border image can't reset again, and bug comes out.
When I start a new tab in a exist firefox windoes, and I drag this new tab to a higher resolution screen, it will read the screen resolution of new screen, and it will initial a new boarder and boarder image so it can work correctly. 
But when I start a new tab in exist firefox and drag in the same screen(to let the initial boarder code work), the I drag the new independent tab to higher resolution screen, the bug comes again :)

How to fix? After each drag, recheck the resolution of current screen, if resolution change, re-initial boarder image. OR just re-initial border image after each drag.

BTW, I'm non-english speaker and not good at English(I'm learning now...), so it may a little hard to read my reply, so sorry :( 

Thanks for reading my bug report and what you did for open source  ^_^ 


screenshot:
https://i.loli.net/2018/11/13/5beac67fdb55d.png

Les1ie
2018-11-13

Comment 3

[David Olah]

I still cannot reproduce this issue on Firefox 63, Firefox 64 and Nightly 66.0a1 (2018-12-17). I will set a component for this issue. Someone from the team might reproduce it and fix it if it is the case.

Comment 5

[ahmed]

Verify that your display settings are configured correctly. Ensure that the resolution is set to the recommended or native resolution of your monitor. You can adjust the display settings in the operating system's display settings or graphics control panel. Moreover, BGMI APK is the most prominent and most played game in India. BGMI APK Download has now 100 million plus users in a very short span of time (almost one year). https://thebgmiapk.com/

Comment 6

[NolanWaylon]

Outdated or incompatible graphics drivers can cause display issues. Visit the manufacturer's website for your graphics card or integrated graphics and download the latest drivers. Install them and restart your computer to see if the issue is resolved. https://wandererguru.com/

Comment 7

[rarefleek]

This really helpful thanks for sharing here, Although it is old but still helpful for me as I am facing issues on my site https://rarefleek.com/. thanks again

Comment 8

[David Brown]

Attachment: same problem

Thanks from kenscarstelcheng1972.