1708195 - parts of the websites and About Firefox dialog will not display correctly (Intel Iris Xe Graphics)

Status: NEW

(Core :: Graphics, defect, P3)

Description

[Jim]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:89.0) Gecko/20100101 Firefox/89.0

Steps to reproduce:

Opened various websites.

Actual results:

Very often, parts of the websites will not display correctly. Incorrect black, white, or transparent backgrounds for some elements. Sometimes hovering or selecting text near/around the issue causes it to correct. New tab page sometimes does not show the graphics/icons unless I hover or select text. Even the Firefox about dialog is messed up with the wrong colors and text being the same same as the background color.

Tested and happening on Firefox 88 stable & 89 up to current beta 5. Windows 10.

Expected results:

Correct rendering of websites / elements. I opened the support page and discovered that my Fission was enabled as part of an experiment. I manually disabled it and everything is rendering correctly now.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::Graphics' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Comment 2

[Dzmitry Malyshau [:kvark]]

Jim, could you please provide more information here? Fission is expected to work, and we want to understand better why it doesn't work on your machine. We'd need:

• output of about:support attached here (with fission enabled)
• some screenshots/gifs showing what went wrong

Comment 3

[Jim]

Attachment: Images and corner styling missing

Comment 4

[Jim]

Attachment: Images and styling pop back in after hoving over images & box

Comment 5

[Jim]

Attachment: About dialog with styling messed up

Comment 6

[Jim]

Attachment: About dialog after selecting text

Comment 7

[Jim]

Attachment: Brown line through text drop-down

Comment 8

[Jim]

Attachment: about:support Text

Comment 9

[Jim]

It doesn't seem to happen as often after manually enabling fission. It tends to happen after the browser has been running for hours but I noticed I can force it to get worse by opening another profile at the same time. I also captured something else that has been happening periodically - brown diagonal lines appearing in different places like text boxes and dialogs - often for just a second or two. There are various places where images appear to be halved or floated up or down so they are cut off until I hover or select text.

Comment 10

[Chris Peterson [:cpeterson]]

This bug looks similar to a WebRender bug I filed a couple months ago: bug 1694535

Removing the word "Fission" from the bug summary since this sounds like this is a Graphics bug, not a Fission bug.

Comment 11

[Dzmitry Malyshau [:kvark]]

We need to reproduce this and see (i.e. in RenderDoc) what exactly isn't working as intended.

Comment 12

[Jim Mathies [:jimm]]

Hey Jeff, do you have this hardware?

Comment 13

[Dzmitry Malyshau [:kvark]]

NI myself to try reproducing on Windows. I have Intel 630 + GTX 1050 Ti, which is similar to Chris's configuration

Comment 14

[Jeff Muizelaar [:jrmuizel]]

I don't have anything this new.

Comment 15

[Jim Mathies [:jimm]]

Hey Jim,

Can you tell us a bit about the laptop you're using? Model / manufacturer?

Comment 16

[Jim]

It's an Asus Zenbook Flip 15.

If I remember correctly it started with Firefox 87 just a few days before 88 was released. I thought it was a driver problem but since then I've installed at least 3 new drivers and the issues still happen. Prior to that I never experienced those issues.

Comment 17

[Jeff Muizelaar [:jrmuizel]]

Jim, can you try finding a regression window using https://mozilla.github.io/mozregression/?

Comment 18

[Jim]

Attachment: mozregression screen capture

Comment 19

[Jim]

Attachment: mozregression log

Comment 20

[Jim]

A bit strange, it seemed to go back to version 83 - I hope I was using that program correctly. I was not able to get the about dialog to mess up in the mozregression test, but was able to get the missing text and brown lines cutting through dialogs.

Comment 21

[Jeff Muizelaar [:jrmuizel]]

That regression log blames a back out of bug 1662430 which doesn't seem very likely. I'd be interested to see if you get the same window if you try it again.

Comment 22

[Jim]

It seems like the default was to go a year back from the current date. I also tried around April but was not able to find a good build - it seems to use Nightly builds which are much newer than stable in that time frame. I will try maybe around December/January and see what happens.

Comment 23

[Jim]

I tried starting from every month this year and was not able to get a good build. Starting in December 2020 or earlier it keeps narrowing it down to that same bug.

Comment 24

[Jim]

I don't think that bug is related to the issue but my guess is the problem was added to a build around the same time as that bug. It just had unfortunate timing. Is there a way to get changes that occurred in those builds rather than bugs?

Comment 25

[Jim Mathies [:jimm]]

(In reply to Jim from comment #16)

It's an Asus Zenbook Flip 15.

If I remember correctly it started with Firefox 87 just a few days before 88 was released. I thought it was a driver problem but since then I've installed at least 3 new drivers and the issues still happen. Prior to that I never experienced those issues.

I haven't found this device, closest I did find was the Vivobook Flip 14 with the same GPU -
https://nanoreview.net/en/laptop/asus-vivobook-flip-14-tp470

Unfortunately I haven't been able to locate the Flip 14 on Amazon or the Asus store. Maybe we can track down a different device with the Intel(R) Iris(R) Xe Graphics GPU for testing.

Comment 26

[Jim]

It is this model: https://www.asus.com/us/Laptops/For-Home/ZenBook/Q528EH/

This is the closest match on that site (mine doesn't have the OLED screen but everything else looks the same).
https://nanoreview.net/en/laptop/asus-zenbook-flip-15-oled-ux564?m=c.1_d.1_r.1

Comment 27

[Jim Mathies [:jimm]]

Jamie, were you planning to pick up one of these devices?

Comment 28

[Jamie Nicol [:jnicol]]

Unfortunately I've not been able to find this device for sale in the UK

Comment 29

[Jeff Muizelaar [:jrmuizel]]

I'm getting an Intel gen12 system.

Comment 30

[Jim Mathies [:jimm]]

We are not able to reproduce this using the same driver at this point. Waiting on more feedback / bug reports.

Jim are you still seeing this?

Comment 31

[diontools]

Hello. I have a similar problem with my machine.
The latest drivers (30.0.100.9684) have improved the problem to some extent, but it still happens.

A div with border-radius set is highly reproducible.
I have recorded a video of the problem for your reference.
https://youtu.be/vRYcWfhcx3k

Firefox 90.0.2
Windows_NT 10.0 19043
Smooth scrolling: OFF
Language: Japanese

Test code
https://jsfiddle.net/diontools/q3jL5kzb/3/

Driver version: 30.0.100.9684
https://downloadcenter.intel.com/en/download/30579/-Windows-DCH-Driver

Machine: NUC11PAHi5
Intel Core i5-1135G7
https://ark.intel.com/content/www/us/en/ark/products/205040/intel-nuc-11-performance-kit-nuc11pahi5.html
https://en.wikipedia.org/wiki/Intel_Core#Mobile_processors_.28UP3-class.29

Monitor: ASUS PB278Q
HDMI 2560x1440 59.951Hz 8bit RGB
https://www.asus.com/Commercial-Monitors/PB278Q/

Comment 32

[Jeff Muizelaar [:jrmuizel]]

diontools, can you attach the graphics section of about:support?

Comment 33

[diontools]

Attachment: graphics info

(In reply to Jeff Muizelaar [:jrmuizel] from comment #32)
> diontools, can you attach the graphics section of about:support?

This one.

Comment 34

[diontools]

UPDATE: 30.0.100.9667 works well.
https://www.intel.com/content/www/us/en/download/19387/30522/intel-graphics-beta-windows-10-dch-drivers.html

Comment 35

[Jim]

I am no longer using Windows, so I cannot confirm it. It is working fine on Linux.

Comment 36

[BugBot [:suhaib / :marco/ :calixte]]

The bug has a release status flag that shows some version of Firefox is affected, thus it will be considered confirmed.