Bug 218191 - Animated <svg> rotates off-center
Summary: Animated <svg> rotates off-center
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: Safari 13
Hardware: Mac macOS 10.15
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-10-26 09:45 PDT by David Håsäther
Modified: 2020-10-26 12:33 PDT (History)
4 users (show)

See Also:

Attachments
Testcase (904 bytes, text/html)
2020-10-26 09:45 PDT, David Håsäther 		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 David Håsäther 2020-10-26 09:45:03 PDT 
Created attachment 412324 [details]
Testcase

See testcase.
The <svg> elements are rotated with CSS animations. The second spinner is offset by 0.8px from the top which somehow makes the spinner spin off-center.
Comment 1 David Håsäther 2020-10-26 09:59:29 PDT 
> The second spinner is offset by 0.8px from the top which somehow makes the spinner spin off-center.

It's possible that this is hardware dependent, so this value might have to be tweaked to reproduce.
Comment 2 Radar WebKit Bug Importer 2020-10-26 12:33:09 PDT 
<rdar://problem/70690654>