Open Bug 1653197 Opened 5 years ago Updated 5 years ago

Background color rendered differently with animated opacity.

Categories

(Core :: CSS Transitions and Animations, defect)

79 Branch
Desktop
Linux
defect

Tracking

()

Tracking Status
firefox78 --- affected
firefox79 --- affected
firefox80 --- unaffected

People

(Reporter: yw662, Unassigned)

Details

Attachments

(2 files)

Attached file test.html

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:79.0) Gecko/20100101 Firefox/79.0

Steps to reproduce:

Open this HTML file with firefox: https://gist.github.com/yw662/4e5457c792caa2b89f2657f8f11f488f#file-ff_color_bug-html

There are two divs with the same background-color: #111, while the second one is also attached to a CSS animation on opacity.

Actual results:

The background-color (on screen) of the second div looks changed with the animation applied.

Expected results:

The background should remain unchanged. Only the text should be twinkling.

I don't see a change in the background of the second div. What I see is this:

  • The ABCD string that stays displayed in the right corner of the screen, in black font over dark-grey background.
  • The ABCD that is displayed right under the one described above, having the same font and background color except it is twinkling (constantly appears and disappears).

Both Firefox and Chrome browsers seem to behave the same way. I believe we are not seeing the same thing. Can you perform a screen recording and explain in better terms what the problem is? Thanks!

Flags: needinfo?(yw662)
Attached image screenshot.webp
Flags: needinfo?(yw662)

I have attached a webp showing what I see. It is not obvious but the background color is different.

I am running it on linux 5.7.9, wayland 1.18.0, xwayland 1.20.8, gtk3 3.24.21, firefox 79.0.

I also tested chromium in the same environment and it works well.

I have managed to reproduce it on Ubuntu 20.04 LTS on Beta v79.0b9 and Release v78.0.2. It does not occur sith Nightly v80.0a1 from 2020-07-19.
I have also attempted to find the fix with mozregression but the issue also occurs on the latest Nightly with using mozregression builds.

Status: UNCONFIRMED → NEW
Component: Untriaged → Layout: Text and Fonts
Ever confirmed: true
OS: Unspecified → Linux
Product: Firefox → Core
Hardware: Unspecified → Desktop

I doubt whether it should goes to "text and fonts".
I can reproduce it without any texts. Actually as long as there are sth. in the foreground, or, as long as there are sth. changing, the background is affected somehow. It seems not affected when bgc is bright enough or bgc is black.

I can't reproduce the bug in Nightly on Linux, FWIW.

Component: Layout: Text and Fonts → CSS Transitions and Animations

The severity field is not set for this bug.
:hiro, could you have a look please?

For more information, please visit auto_nag documentation.

Flags: needinfo?(hikezoe.birchill)

Given that the background-color is not animated in the test case, I suppose this is an issue in gfx backends (that's said I can't reproduce the issue either)

Severity: -- → S3
Flags: needinfo?(hikezoe.birchill)
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: