[css-properties-values-api] With animated custom property, whose value is used in CSS transform, Firefox doesn't repaint intermediate states during the animation
Categories
(Core :: CSS Transitions and Animations, defect)
Tracking
()
People
(Reporter: roland, Unassigned)
References
(Blocks 1 open bug)
Details
Attachments
(1 file)
|
1.18 KB,
text/html
|
Details |
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36
Steps to reproduce:
- Open attached firefox.html
Actual results:
The red box animating to its position but frequently the first render show that last state of the animation or jumps into the middle of the animation.
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:140.0) Gecko/20100101 Firefox/140.0 140.0.2 (64-bit)
Expected results:
the red box should animation from the bottom of the page to its original place
Rarely Firefox plays the animation as expected, refresh the page.
Monitor refresh rate: 144hz
If transform property directly animated, this bug does not happen.
|
||
Comment 2•1 year ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::Layout' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.
|
||
Comment 3•1 year ago
•
|
||
Can confirm.
Chrome: The red box slides from the bottom to the top
Firefox: The red box just appears.
Can repro on a build from Jan2024, so not a new regression.
|
||
Comment 4•1 year ago
|
||
Thanks for the bug report and the testcase.
One observation: if I reload the page with DevTools open, then I get expected-results -- the red box smoothly animates onscreen. So this seems to be some sort of invalidation bug.
Description
•