Bug 218300

Summary: Incorrect percent transform-origin when browser is zoomed
Product: WebKit Reporter: Zach Bjornson <zbbjornson>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: ahmad.saleem792, sabouhallawa, simon.fraser, webkit-bug-importer, zimmermann
Priority: P2 Keywords: InRadar
Version: Safari 13   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=258615
https://bugs.webkit.org/show_bug.cgi?id=263219
Attachments:
Description Flags
Screenshot in Safari 13.1.2 none

Zach Bjornson
Reported 2020-10-28 11:37:17 PDT
Created attachment 412552 [details] Screenshot in Safari 13.1.2 https://jsfiddle.net/uq6dmrt2/1/ HTML: <svg width=100 height=100> <circle id="c1" /> </svg> CSS: svg { border: 1px solid gray; } circle { cx: 50%; cy: 50%; r: calc(50% - 4px / 2); stroke: darkblue; stroke-width: 4px; transform: rotate(-90deg); transform-origin: 50% 50%; fill: transparent; } When the browser is zoomed (edit menu, not pinch zoom), the transform origin is incorrect and the circle gets truncated. (Safari 13.1.2)
Attachments
Screenshot in Safari 13.1.2 (21.44 KB, image/png)
2020-10-28 11:37 PDT, Zach Bjornson 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2020-10-28 19:22:53 PDT
<rdar://problem/70791313>
Ahmad Saleem
Comment 2 2024-08-23 17:30:54 PDT
This seems to be fixed with Safari Technology Preview 201. *** This bug has been marked as a duplicate of bug 194903 ***
Note You need to log in before you can comment on or make changes to this bug.