Created attachment 240380 [details] minimal html page in the attached html page there are two similar SVG elements, one is zoomed (by setting its viewbox set to 4 times the size of actual svg) and the other one normal (its viewbox the same size as the SVG). the RECT element inside "zoomed" SVG reports its "getBoundingClientRect" the same as the "normal" one despite the fact that the are in different locations on relative to the page. they both report "111" as their "left" which is "100 translate + 1pixel border of SVG + 9px padding of body + 1px border of body). the expected value for the zoomed one is 61 which is: 100/2 = 50 pixel position of RECT inside SVG 1px border size of SVG 9px padding of body 1px border of body which makes it 61px. this also results in wrong behaviour of Safari websinpector! if you hover the mouse over RECT in zoomed SVG in "elements" panel of webinspector to highlight the actual element, it displays a wrong spot on the page.
This was working fine in previous versions
Using STP, looks like this is fixed.
Reopening. Said mentioned that it was inconsistent with Firefox (which doesn't include the border), but consistent with Chrome (which does).
<rdar://problem/25719216>
I am able to reproduce this bug in Safari 15.6.1 on macOS 12.5.1 using attached test case and it shows following compared to other browsers: *** Safari 15.6.1 on macOS 12.5.1 *** rectangle in zoomed SVG has left = – 61 (Negative for some reasons - Either I am confusing UI or it is negative) rectangle in normal SVG has left = – 111 (Negative for some reasons - Either I am confusing UI or it is negative) *** Chrome Canary 107 & Firefox Nightly 106 *** rectangle in zoomed SVG has left = 61 rectangle in normal SVG has left = 111 _______ Just wanted to share updated results. Thanks!