Bug 211922 - SVGs containing inline animation CSS don't play within an <img> tag
Summary: SVGs containing inline animation CSS don't play within an <img> tag
Status: RESOLVED DUPLICATE of bug 209370
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: Safari 13
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-05-14 14:31 PDT by josh
Modified: 2020-05-18 20:12 PDT (History)
3 users (show)

See Also:

Attachments
Test case for SVG animation with multiple keyframes (1.36 KB, application/zip)
2020-05-14 14:31 PDT, josh 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description josh 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.
Comment 1 Radar WebKit Bug Importer 2020-05-15 17:40:45 PDT 
<rdar://problem/63295917>
Comment 2 Said Abou-Hallawa 2020-05-18 20:12:09 PDT 

*** This bug has been marked as a duplicate of bug 209370 ***