1730714 - Fade-in animations inside SVG not rendering

Status: RESOLVED WORKSFORME

(Core :: SVG, defect)

Description

[Prasad Rajandran]

Attachment: animated_svg_testing_files.zip

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36

Steps to reproduce:

Tested on:

• Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:92.0) Gecko/20100101 Firefox/92.0
• Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:92.0) Gecko/20100101 Firefox/92.0

Reproduction steps:

• Open the asset ("animated_svg.svg") directly in Firefox (do not move your mouse cursor anywhere on the document - doing that fixes the issue)

Actual results:

You can see that certain elements inside the SVG do not render until after all animations have completed ("animated_svg_firefox_92.gif")

Expected results:

All elements inside the SVG should have "faded in" at the start of the animation sequence:

• Compare "animated_svg_firefox_92.gif" with "animated_svg_chrome_92.gif"
• Compare "animated_svg_firefox_92.gif" with "animated_svg_mouseover_firefox_92.gif"

Other notes:

• This does not seem to happen if the SVG asset is rendered inside an "img" tag (i.e. <img src="animated_svg.svg">)

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::SVG' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Comment 2

[Jonathan Kew [:jfkthame]]

Changing severity to S4 because this seems relatively minor/cosmetic.

Comment 3

[Robert Longson [:longsonr]]

Seems OK now.