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: sabouhallawa, simon.fraser, webkit-bug-importer, zalan, zimmermann
Priority: P2 Keywords: InRadar
Version: Safari 10   
Hardware: Mac   
OS: All   
Description Flags
Screenshot none

Description johansson.johan 2017-09-27 03:11:31 PDT
Created attachment 321949 [details]

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.
Comment 1 Alexey Proskuryakov 2017-09-28 10:13:41 PDT
Confirmed with Safari 11.
Comment 2 Radar WebKit Bug Importer 2017-09-28 10:14:22 PDT