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: Mac All
: P2 Normal
Assignee: Nobody
Keywords: InRadar
Depends on:
Reported: 2017-09-27 03:11 PDT by johansson.johan
Modified: 2017-09-28 10:14 PDT (History)
5 users (show)

See Also:

Screenshot (195.48 KB, image/jpeg)
2017-09-27 03:11 PDT, johansson.johan
no flags Details

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]

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