[Webkit-unassigned] [Bug 205268] New: Cached SVG Animation not triggered

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=205268

            Bug ID: 205268
           Summary: Cached SVG Animation not triggered
           Product: WebKit
           Version: Safari 13
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: rok.pensek at gmail.com
                CC: zimmermann at kde.org

Description

When appending multiple of the same animated SVGs the animation will not start for each new instance and will not execute as soon as the animation plays out.

Reproduction steps:
- Open the following page in Safari or Chrome: https://codepen.io/rokiii/pen/xxbRVoP
- Make sure "Disable cache" is unchecked in Safari / Chrome in developer tools
- Click "Add svg" button
- Observe when clicking the same button while the animation is running the new instances will proceed from the same state. Once animation ends (after 2 loops) the new instances will not animate anymore.

Expected behaviour:
- Go through reproduction steps with Disable cache enabled. Every new instance animates independently and triggers animation from the start - even if all other instances finished with animation.

Workarounds:
- Refresh the webpage to see the animation
- Use object or embed SVG inline as per spec. Both then require stripping away JS in SVG or setting specific headers to remove possibility of XSS.

SVG in the demo is animated using CSS3 keyframes `transform: rotate` and with `animation-iteration-count: 2`.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20191216/2f37cc7e/attachment-0001.htm>