[Webkit-unassigned] [Bug 219379] New: CSS keyframe animation on SVG is smearing background

[bugzilla-daemon at webkit.org]

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

            Bug ID: 219379
           Summary: CSS keyframe animation on SVG is smearing background
           Product: WebKit
           Version: Safari 14
          Hardware: Macintosh
                OS: macOS 10.15
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: aquaductape at gmail.com
                CC: dino at apple.com

Created attachment 415073

  --> https://bugs.webkit.org/attachment.cgi?id=415073&action=review

Video of SVG animation on Safari 14.0.1 (16610.2.11.51.8)

When the box element is clicked, I have an animated SVG where two dots transform into lines to form an "X".
As the animation runs, as the shapes are animated, they leave behind a silhouette of themselves ( I call smearing ) and they remain even after the animation ends.

Also shows same bug on Safari IOS 12.4.7
Demo: https://aquaductape.github.io/CSS-Animation-SVG-Smear-in-Safari/index.html
Source code of Demo: https://github.com/aquaductape/CSS-Animation-SVG-Smear-in-Safari

I made a Stack Overflow post about this https://stackoverflow.com/questions/65082644/css-keyframe-animation-on-svg-is-smearing-background-in-safari

-- 
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/20201201/6e94bd12/attachment.htm>