NEW 223258
Weird Artifacts in SVG animation
https://bugs.webkit.org/show_bug.cgi?id=223258
Summary Weird Artifacts in SVG animation
moritz.mt99
Reported 2021-03-16 09:46:03 PDT
Created attachment 423341 [details] Example SVG An animated SVG is behaving weirdly/ causing artifacts View the attached SVG or visit https://react-icons.github.io/react-icons/ and watch the icon in the top left corner. The SVG is experiencing some weird flickering when being rotated. The SVG is rendered correctly in Chrome. Safari Version: Version 14.0.3 (16610.4.3.1.7) OS Version: macOS Big Sur 11.2.3 (20D91) Hardware: MacBook Pro (13-inch, M1, 2020)
Attachments
Example SVG (2.84 KB, image/svg+xml)
2021-03-16 09:46 PDT, moritz.mt99
no flags
SVG flickering (2.95 MB, video/quicktime)
2021-03-16 11:48 PDT, moritz.mt99
no flags
Said Abou-Hallawa
Comment 1 2021-03-16 10:26:26 PDT
Do you see weird artifacts or unexpected flickering when the SVG is animating? I do not see any of them.
moritz.mt99
Comment 2 2021-03-16 11:48:58 PDT
Created attachment 423371 [details] SVG flickering
moritz.mt99
Comment 3 2021-03-16 11:58:15 PDT
(In reply to Said Abou-Hallawa from comment #1) > Do you see weird artifacts or unexpected flickering when the SVG is > animating? I do not see any of them. Yes I do, see the video I attached.
Alexey Proskuryakov
Comment 4 2021-03-17 11:22:05 PDT
I can reproduce this too (macOS 11.3 beta on Apple Silicon).
Radar WebKit Bug Importer
Comment 5 2021-03-23 09:47:33 PDT
Antoine Quint
Comment 6 2021-04-26 05:24:26 PDT
I am not seeing this with an iMac Pro (2017) or a MacBook Pro (15-inch, 2018). I wonder if this could be specific to M1 Macs.
Antoine Quint
Comment 7 2021-04-26 05:50:14 PDT
I can reproduce this with an iPhone 12 mini and an iPad Air (2020).
Antti Koivisto
Comment 8 2021-04-26 05:55:04 PDT
Reproes on my M1 MBP
Note You need to log in before you can comment on or make changes to this bug.