| Summary: | SVGs containing inline animation CSS don't play within an <img> tag | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | josh | ||||
| Component: | SVG | Assignee: | 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: |
|
||||||
*** This bug has been marked as a duplicate of bug 209370 *** |
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.