1994547 - View Transition elements are not visible during transition

Status: RESOLVED WORKSFORME

(Core :: CSS Parsing and Computation, defect, P3)

Description

[zubiden.ua]

Steps to reproduce:

1. Open https://codepen.io/zubiden/pen/GgoOpPB.
2. Click on the text.
3. (Optional) Change the .wrapper styles to see the behaviour change.

Actual results:

The element that is participating in the transition is not visible during the transition.

Expected results:

Smooth transition between two states.

Comment 1

[BugBot [:suhaib / :marco]]

The Bugbug bot thinks this bug should belong to the 'Core::CSS Parsing and Computation' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Emilio Cobos Álvarez [:emilio]]

I can reproduce. It's very weird that adding a 3d transform would break it... Nical do you know off-hand if something in WR would cause this?

Comment 3

[Emilio Cobos Álvarez [:emilio]]

Oh meant to ni? you above.

Comment 4

[Alice0775 White]

Regression window with dom.viewTransitions.enabled = true:
https://hg-edge.mozilla.org/integration/autoland/pushloghtml?fromchange=0531fb0c75cfaa503c3061af60db3c477de7b646&tochange=bb613b73202591997b69e3cdc38ed1814a995e95

Comment 5

[BugBot [:suhaib / :marco]]

Set release status flags based on info from the regressing bug 1951999

Comment 6

[Alice0775 White]

Regression window with dom.viewTransitions.enabled = true and dom.viewTransitions.live-capture = true:
https://hg-edge.mozilla.org/integration/autoland/pushloghtml?fromchange=41c6a49fdbc6e07f2c91c6c6a314b7b9abae71c0&tochange=c487e84288146ea028c1f00e4ebdd744d4a36fe9

Comment 7

[Nicolas Silva [:nical]]

Off hand I don't know, unless the transform isn't invertible in which case that's a WebRender limitation that we want to overcome eventually but requires some difficult infrastructure work. I don't have the bandwidth to look into this in the short term but I'm keeping the needinfo as a remainder.

Comment 8

[Nicolas Silva [:nical]]

(In reply to Nicolas Silva [:nical] from comment #7)

Off hand I don't know, unless the transform isn't invertible in which case that's a WebRender limitation that we want to overcome eventually but requires some difficult infrastructure work. I don't have the bandwidth to look into this in the short term but I'm keeping the needinfo as a remainder.

I just checked again because I am in the middle of that infrastructure work I mentioned, but it appears that this test case now works in firefox stable (without need for my upcoming changes)