NEW 177524
Scaled SVG elements are leaving artifacts during animation
https://bugs.webkit.org/show_bug.cgi?id=177524
Summary Scaled SVG elements are leaving artifacts during animation
johansson.johan
Reported 2017-09-27 03:11:31 PDT
Created attachment 321949 [details] Screenshot When animating a circle on top of other circles, the background is not drawn correctly. If the circles do not have a "scale" transform on the g object, it draws fine. Please see fiddle https://jsfiddle.net/6cbvxzte/3/ Fiddle when it works fine (without scale): https://jsfiddle.net/6cbvxzte/ It started to occur in Safari 6.2 and doesn't draw correctly in any newer version from what I have seen. Have not been able to reproduce in Chrome (also older versions). I have tried to find a bug for this in the database so accept my apology if there is one already.
Attachments
Screenshot (195.48 KB, image/jpeg)
2017-09-27 03:11 PDT, johansson.johan
no flags
Alexey Proskuryakov
Comment 1 2017-09-28 10:13:41 PDT
Confirmed with Safari 11.
Radar WebKit Bug Importer
Comment 2 2017-09-28 10:14:22 PDT
Ahmad Saleem
Comment 3 2023-01-21 06:40:42 PST
I am still able to reproduce this bug in Safari 16.2, Safari Technology Preview 161 and Safari WK2 Debug build from 259136@main, while Firefox Nightly 111 and Chrome Canary 111 works fine. Just wanted to update latest testing result. Thanks!
Note You need to log in before you can comment on or make changes to this bug.