Closed Bug 1605920 Opened 5 years ago Closed 2 years ago

background-clip: text that is animated onto the page by a parent container is invisible until forced redraw

Categories

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

Product:
Core
Component:
Graphics: WebRender
Version:
71 Branch
Type:
defect

Tracking

()

Status:
RESOLVED WORKSFORME

People

(Reporter: aaritak, Unassigned)

References

(Blocks 1 open bug, Regression)

Details

(Keywords: regression)

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

Steps to reproduce:

I've made a JSFiddle to reproduce this bug.
https://jsfiddle.net/82qmfn9u/

  1. Create a wrapper element with a text element inside it.
  2. Give the text element background-clip: text.
  3. Transition the parent element off screen, then back on.

Actual results:

The text will be invisible until a redraw is forced (either by changing other CSS or switching tab)

Expected results:

The text should be visible.

Component: Untriaged → Layout
Product: Firefox → Core
Status: UNCONFIRMED → NEW
Component: Layout → Web Painting
Ever confirmed: true
Keywords: regression, regressionwindow-wanted

I can only reproduce the issue if Webrender is Enabled on Windows10 .

Regression window:
https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=0e0e9c22321ed9f284744cfeb3507710b2d5d606&tochange=9163b1b1da061853f0c34b2725937cbca6975def

Has Regression Range: --- → yes
Has STR: --- → yes
Keywords: regressionwindow-wanted
Regressed by: 1568227

Thanks Alice, nice catch!

Component: Web Painting → Graphics: WebRender
Flags: needinfo?(jmuizelaar)

I can reproduce on Linux, with the variation that the text only appears upon first draw. If you hit the toggle button twice, then the text does not appear.

OS: Unspecified → All
Priority: -- → P2
Hardware: Unspecified → All

Is this still an issue? (I tested it and it appears to not have the issue above, but the behavior is different than when I test it in chrome).

Flags: needinfo?(jmuizelaar) → needinfo?(aaritak)

(In reply to Glenn Watson [:gw] from comment #4)

Is this still an issue? (I tested it and it appears to not have the issue above, but the behavior is different than when I test it in chrome).

Here's an updated fiddle that actually works for comparing the difference between Firefox and Chrome (which still requires -webkit-): https://jsfiddle.net/ChiriVulpes/zpq6r7cx/2/

I can't reproduce anymore, not sure when it was fixed. I believe this bug can be safely closed.

Flags: needinfo?(aaritak)

Great, thanks for checking.

Status: NEW → RESOLVED
Closed: 2 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.