UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.96 Safari/537.36
Example URL:
https://sourcegraph.com/github.com/Microsoft/vscode/-/blob/src/bootstrap.js#L42:6
Steps to reproduce the problem:
1. Connect your MacBook Pro laptop (mine is a Retina, 15-inch, Mid 2014) to an external 4k or 5k monitor
2. Mirror the display and make sure the resolution is set to at least 3360x1890
3. open https://sourcegraph.com/github.com/Microsoft/vscode/-/blob/src/bootstrap.js#L42:6 and 3 editors side by side (to open more than one editor, click on the Split icon next to the "View on GitHub" label top right of the editor)
4. make sure the window is maximized
5. scroll around and generally use the web site UI
What is the expected behavior?
The web site works normally.
What went wrong?
Large tiles of the web site flicker between black and content making the entire experience very bad.
Does it occur on multiple sites: N/A
Is it a problem with a plugin? No
Did this work before? Yes Chrome 54
Does this work in other browsers? Yes
Chrome version: 58.0.3029.96 Channel: stable
OS Version: OS X 10.12.4
Flash Version: Shockwave Flash 25.0 r0
I have attached a couple of animated gif showing the same problem.
We did more testing and we can also reproduce on a normal MacBook pro laptop monitor with highest resolution provided that the OS is running low on memory. It seems that if the resolution is large enough and enough pixels need to be drawn on the screen, Chrome fails to catch up with the rendering and some tiles fail to draw.
Running with --disable-gpu does not help btw.
|
Deleted:
monitor_setup1.png
775 KB
|
|
|
Deleted:
monitor_setup2.png
208 KB
|
|
|
Deleted:
website_setup.png
699 KB
|
|
|
Deleted:
flicker_chrome58.gif
5.4 MB
|
|
|
Deleted:
flicker1.gif
1.0 MB
|
|
|
Deleted:
flicker2.gif
1.1 MB
|
Comment 1 by kavvaru@chromium.org
, May 10 2017Labels: TE-Hardware-Dependency