Testcase with view-transition API (i think) does weird animation that does not happen in Chrome
Categories
(Core :: Layout, defect)
Tracking
()
People
(Reporter: mayankleoboy1, Unassigned)
References
(Blocks 1 open bug)
Details
Attachments
(4 files)
Open testcase
Enter 50 or any number
Click Run
AR: Weird animation
ER: Not so, like Chrome
|
Reporter | |
Comment 1•1 year ago
|
||
|
|
Reporter | |
Comment 2•1 year ago
|
||
|
||
Comment 3•1 year ago
|
||
This reproduces when just calling document.startViewTransition() in an essentially empty document.
Here's a reduced testcase. When I click the button, the document gets vertically squashed for a half-second or so.
|
|
||
Comment 4•1 year ago
|
||
The issue with testcase 2 is more pronounced the taller my viewport is (i.e. the taller the <body>'s height).
If my viewport is about as tall as the <body> (i.e. extends to the bottom of the square), then there's barely any distortion.
So, a shot-in-the-dark diagnosis here is that we're doing our view-transitions snapshot of the whole viewport, and then we're squishing that quite tall snapshot down to fit into the <body>'s border-box (which is much shorter).
|
|
||
Comment 5•1 year ago
|
||
Here's a profile with testcase 2:
https://share.firefox.dev/44RMfLK
I click the button 3 times in a window that's nearly 2x as tall as the <body>'s content-height, and then I shrink the window to be exactly as tall as the body and click the button 3 times again.
The screenshots track shows substantial distortion for those first 3 clicks, and barely any distortion for the last 3 clicks.
|
||
Comment 6•1 year ago
•
|
||
Looks like this may be duplicated by Bug 1962617. (We can check again this bug after Bug 1962617 gets merged. Note that autoland is closed now).
|
|
||
Comment 7•1 year ago
|
||
Yup, looks like it - thanks!
|
|
||
Comment 9•1 year ago
|
||
(In reply to Daniel Holbert [:dholbert] from comment #5)
Here's a profile with testcase 2:
https://share.firefox.dev/44RMfLKI click the button 3 times in a window that's nearly 2x as tall as the <body>'s content-height, and then I shrink the window to be exactly as tall as the body and click the button 3 times again.
The screenshots track shows substantial distortion for those first 3 clicks, and barely any distortion for the last 3 clicks.
Looks like this has been fixed. I just tried this testcase on today's Nightly, and it looks expected now.
Marked as resolved as duplicated. Please feel free to reopen if it's still possible to reproduce.
|
|
||
Comment 10•1 year ago
|
||
The original testcase here doesn't squish anymore, but it does flicker to be blank (very briefly) on every view transition.
I can reproduce that with testcase 2 as well. I'll file a new bug for that.
Description
•