Bug 211922

Summary: SVGs containing inline animation CSS don't play within an <img> tag
Product: WebKit Reporter: josh
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: sabouhallawa, webkit-bug-importer, zimmermann
Priority: P2 Keywords: InRadar
Version: Safari 13   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=134896
Attachments:
Description Flags
Test case for SVG animation with multiple keyframes none

josh
Reported 2020-05-14 14:31:21 PDT
Created attachment 399410 [details] Test case for SVG animation with multiple keyframes ## Overview If an SVG is referenced in an <img> tag and contains inline styles with keyframes, the animation doesn't play. ### Steps to Reproduce - Create an SVG with inline keyframes. - Open the SVG in Safari. The animation plays. - Reference it within a webpage's <img> tag, and visit the page. ### Expected results The SVG animation should play. ### Actual results The SVG is stuck on the first frame. I've attached a simple test case.
Attachments
Test case for SVG animation with multiple keyframes (1.36 KB, application/zip)
2020-05-14 14:31 PDT, josh
no flags
Radar WebKit Bug Importer
Comment 1 2020-05-15 17:40:45 PDT
Said Abou-Hallawa
Comment 2 2020-05-18 20:12:09 PDT
*** This bug has been marked as a duplicate of bug 209370 ***
Note You need to log in before you can comment on or make changes to this bug.