Bug 177524

Summary:

Scaled SVG elements are leaving artifacts during animation

Product:

WebKit

Reporter:

johansson.johan

Component:

SVG

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

ahmad.saleem792, sabouhallawa, simon.fraser, webkit-bug-importer, zalan, zimmermann

Priority:

Keywords:

InRadar

Version:

Safari 10

Hardware:

Mac

OS:

All

Attachments:

Description	Flags
Screenshot	none

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>

Comment 3 Ahmad Saleem 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!