1783707 - Webpages will tear while scrolling.

Status: RESOLVED DUPLICATE of bug 1638709

(Core :: Graphics: WebRender, defect, P2)

Description

[tomchavez93]

+++ This bug was initially created as a clone of Bug #1143541 +++

The images flash and tear when scrolling through webpages. Happens on several pages, does not matter the site nor content being displayed. An example screencapture is provided:

https://imgur.com/a/LkqWkp1

This type of tearing also occurs when displaying preview images within an email message, though occurs without needing to scroll.

Comment 1

[David Shin[:dshin]]

Thanks for the report!
I've briefly tested that exact website on Windows 10 & Firefox 103 and did not see this happen.

• Does this happen only with firefox?
• Does this happen if Firefox is launched with a fresh "default" profile?
• Does this happen without HW acceleration? If you go to settings (about:preferences), go to Performance (Towards the bottom in General), may want to try Unchecking Use recommended performance settings and Use hardware acceleration when available.

Comment 2

[Timothy Nikkel (:tnikkel)]

This looks more like a graphics issue. Can you upload a copy of your about:support?

Comment 3

[Brad Werth [:bradwerth]]

Thank you for filing this. That indeed looks like a texture problem. It would be immensely helpful if you would help us identify the change to Firefox that started this problem for you. Would you please use the mozregression tool https://mozilla.github.io/mozregression/ to determine what code triggered this?

Comment 4

[tomchavez93]

Hello all,

Thanks for following the bug. It was only happening on Firefox, but after submitting the report I updated my graphics drivers for graphic design stuff (rather than just gaming) and I haven't noticed it happening since.

Comment 5

[Darkspirit]

(In reply to tomchavez93 from comment #4)
Please open about:support in your address bar, click on "Copy text to clipboard" and paste it here, so that we know which GPU was affected and which driver you have now. Thanks!

Comment 6

[tomchavez93]

Attachment: System details

Comment 7

[tomchavez93]

Attachment: current GAME-READY driver from NVIDIA

Comment 8

[tomchavez93]

And the issue is happening again.

Comment 9

[Bob Hood [:bhood]]

Glenn, the about:support shows that WR initialization is failing, so it's running in software mode. Could you have a look, please?

NVIDIA driver is current (516.94).

Comment 10

[Glenn Watson [:gw]]

Could you clarify what the difference is between the two about:support items that were posted and whether only one or both of them show the issue?

In the first one, WR initialization fails and software webrender is enabled (error is failed by runtime: Failed to create remote compositor, perhaps indicating a GPU process crash in the driver?).

In the second one, WR initialization appears to succeed and hardware webrender is enabled with a target refresh rate of 165 Hz.

Comment 11

[Glenn Watson [:gw]]

Also, could you try going to about:config, setting gfx.webrender.compositor to false, restarting browser and see if it occurs?

Comment 12

[oscarnancy]

My situation is the same. Despite uninstalling and reinstalling the browser twice. However, I am still having issues with <a href="https://teertoday.net/">Webpages</a> will tear while scrolling. I would appreciate your assistance in resolving this issue. It didn't work for me with any of the methods I tried.

Comment 13

[Bob Hood [:bhood]]

Looking back through the history here, we do not appear to have gotten an answer to the first question David asked in comment 1. Could you please run Microsoft Edge and report back if you see the same "tearing" behavior there with the same web site(s)?

Comment 14

[Ashley Hale [:ahale]]

This is likely related to the dcomp bug I am working on - Bug 1638709.

Comment 15

[Ashley Hale [:ahale]]

(In reply to tomchavez93 from comment #0)

+++ This bug was initially created as a clone of Bug #1143541 +++

The images flash and tear when scrolling through webpages. Happens on several pages, does not matter the site nor content being displayed. An example screencapture is provided:

https://imgur.com/a/LkqWkp1

This type of tearing also occurs when displaying preview images within an email message, though occurs without needing to scroll.

Looking at the video, this looks like a duplicate of bug 1638709, in particular this is the first example I've seen where a single 165hz monitor reproduces the issue, and in software WebRender as well as hardware WebRender (both with compositor enabled).

You can work around the issue by setting the pref gfx.webrender.compositor to false for now.

Looking at your about:support text, do you have a 3840x2160@165hz monitor? It looks like you do and I think it is being internally handled by Windows 10 as 4 1920x1080@165hz monitors and fusing them together (this is a technology in Displayport that is also used for connecting up to 4 monitors to one port on the GPU), if you move the window to only cover a single quadrant of your screen I suspect the flickering artifacts go away?

I'm going to mark this as a duplicate of 1638709 for now, feel free to reopen if you disagree. Answers to my questions above and any additional info you can provide will be appreciated.