Bug 177524 - Scaled SVG elements are leaving artifacts during animation
Summary: Scaled SVG elements are leaving artifacts during animation
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: Safari 10
Hardware: Macintosh All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2017-09-27 03:11 PDT by johansson.johan
Modified: 2017-09-28 10:14 PDT (History)
5 users (show)

See Also:

Attachments
Screenshot (195.48 KB, image/jpeg)
2017-09-27 03:11 PDT, johansson.johan 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description johansson.johan 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.
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 
<rdar://problem/34716937>