Bug 177524

Summary: Scaled SVG elements are leaving artifacts during animation
Product: WebKit Reporter: johansson.johan
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, sabouhallawa, simon.fraser, webkit-bug-importer, zalan, zimmermann
Priority: P2 Keywords: InRadar
Version: Safari 10   
Hardware: Mac   
OS: All   
Attachments:
Description Flags
Screenshot none

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
Details
View All Add attachment proposed patch, testcase, etc.
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
<rdar://problem/34716937>
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.