Open Bug 1886686 Opened 1 year ago Updated 1 year ago

CSS Animation in SVG skips all frames until mouse over (FF 124.0 (64-bit) Windows 10 Business 22H2)

Categories

(Core :: Web Painting, defect)

Firefox 124
defect

Tracking

()

Tracking Status
firefox-esr115 --- wontfix
firefox124 --- wontfix
firefox125 --- wontfix
firefox126 --- fix-optional

People

(Reporter: jmueller, Unassigned)

References

(Regression)

Details

(Keywords: regression)

Attachments

(1 file)

Attached file index.html

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:124.0) Gecko/20100101 Firefox/124.0

Steps to reproduce:

If user doesn't move the mouse inside the client area, the css animation skips all frames! So for example if you click on the reload button of the browser window and don't move the mouse inside the website area the Inline svg skips all frames of the css animation until the user moves the mouse into the viewport.

See attached index.html. Open it, then PRESS the Reload button in the top bar of firefox and don't move the mouse. The circles around the circles are not visible, because the first and last frame have opacity 0. The animation either doesn't play at all or all frames are skipped. If the mouse is moved inside the view the circles around the circles fade in and out.

Actual results:

Animation skips all frames. Even after moving the mouse into the viewport some animated elements still skip frames. More mouse movent fixes the animation more.

Expected results:

The animation should just play as declared in the css

Status: UNCONFIRMED → NEW
Component: Untriaged → Web Painting
Ever confirmed: true
Keywords: regression
Product: Firefox → Core
Regressed by: 1539673

Workaround:
Change all css properties opacity: 0 to opacity: 0.01.

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

I think the patch in bug 1630900 or in bug 1659788 would likely fix this. I just need to add a test to those patches before landing them.

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

For more information, please visit BugBot documentation.

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

Attachment

General

Creator:
Created:
Updated:
Size: