138033 2014-10-23 17:39:15 -0700 Safari 8: REGRESSION: getBoundingClientRect on elements inside an SVG with non-default viewBox returns incorrect values 2022-09-03 11:15:54 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Mac Other REOPENED InRadar, Regression, SVGHitList P3 Major --- 1 mmfrezabakhshi webkit-unassigned ahmad.saleem792 ap bfulgham dino jonlee mmfrezabakhshi rniwa sabouhallawa simon.fraser webkit-bug-importer zalan oldest_to_newest 1043893 0 240380 mmfrezabakhshi 2014-10-23 17:39:15 -0700 Created attachment 240380 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. 1043911 1 mmfrezabakhshi 2014-10-23 18:59:21 -0700 This was working fine in previous versions 1183535 2 jonlee 2016-04-13 14:18:27 -0700 Using STP, looks like this is fixed. 1183617 3 jonlee 2016-04-13 20:03:06 -0700 Reopening. Said mentioned that it was inconsistent with Firefox (which doesn't include the border), but consistent with Chrome (which does). 1183619 4 webkit-bug-importer 2016-04-13 20:05:41 -0700 <rdar://problem/25719216> 1896047 5 ahmad.saleem792 2022-09-03 11:15:38 -0700 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! 240380 2014-10-23 17:39:15 -0700 2014-10-23 17:39:15 -0700 minimal html page index.html text/html 1271 mmfrezabakhshi PCFET0NUWVBFIEhUTUw+Cgo8aHRtbD4KCTxoZWFkPgoJCQk8bWV0YSBuYW1lPSJhcHBsZS1tb2Jp bGUtd2ViLWFwcC1jYXBhYmxlIiBjb250ZW50PSJ5ZXMiLz4KCQk8bWV0YSBuYW1lPSJhcHBsZS1t b2JpbGUtd2ViLXN0YXR1cy1iYXItc3R5bGUiIGNvbnRlbnQ9ImJsYWNrIi8+CgkJPG1ldGEgbmFt ZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoID0gZGV2aWNlLXdpZHRoLCBoZWlnaHQgPSBkZXZp Y2UtaGVpZ2h0LCB1c2VyLXNjYWxhYmxlPW5vLCBpbml0aWFsLXNjYWxlPTEuMCIvPgoJPHRpdGxl PnRlc3QgY2xpY2tzPC90aXRsZT4KCQk8c3R5bGU+CgkJCWh0bWwsYm9keXsKCQkJCW1hcmdpbjow OwoJCQl9CgkJCWh0bWx7CgkJCQlwYWRkaW5nOjA7CgkJCX0KCQkJYm9keXsKCQkJCWJvcmRlcjpz b2xpZCAxcHggYmx1ZTsKCQkJCXBhZGRpbmc6OXB4OwoJCQl9CgkJCXN2Z3sKCQkJCWRpc3BsYXk6 YmxvY2s7CgkJCQlib3JkZXI6c29saWQgMXB4IGJsYWNrOwoJCQl9CgkJPC9zdHlsZT4KCTwvaGVh ZD4KCTxib2R5PgoJCTxzdmcgaWQ9J3pvb21lZCcgdmlld0JveD0nMCAwIDQwMCA0MDAnIHdpZHRo PScyMDAnIGhlaWdodD0nMjAwJz4KCQkJPHJlY3Qgd2lkdGg9JzQwJyBoZWlnaHQ9JzQwJyB0cmFu c2Zvcm09J3RyYW5zbGF0ZSgxMDAsMTAwKSc+PC9yZWN0PgoJCTwvc3ZnPgoJCTxzdmcgaWQ9J25v cm1hbCcgdmlld0JveD0nMCAwIDIwMCAyMDAnIHdpZHRoPScyMDAnIGhlaWdodD0nMjAwJz4KCQkJ PHJlY3Qgd2lkdGg9JzQwJyBoZWlnaHQ9JzQwJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgxMDAsMTAw KSc+PC9yZWN0PgoJCTwvc3ZnPgoJPHNjcmlwdCB0eXBlPSd0ZXh0L2phdmFzY3JpcHQnPgoKCQl2 YXIgJCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwuYmluZChkb2N1bWVudCk7CgkJdmFyIGxl ZnRPZlJlY3RhbmdsZUluWm9vbWVkU1ZHID0gJCgnI3pvb21lZCByZWN0JylbMF0uZ2V0Qm91bmRp bmdDbGllbnRSZWN0KCkubGVmdDsKCQl2YXIgbGVmdE9mUmVjdGFuZ2xlSW5Ob3JtYWxTVkcgPSAk KCcjbm9ybWFsIHJlY3QnKVswXS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5sZWZ0OwoJCQoJCWNv bnNvbGUubG9nKCdyZWN0YW5nbGUgaW4gem9vbWVkIFNWRyBoYXMgbGVmdCA9ICcsIGxlZnRPZlJl Y3RhbmdsZUluWm9vbWVkU1ZHKTsKCQljb25zb2xlLmxvZygncmVjdGFuZ2xlIGluIG5vcm1hbCBT VkcgaGFzIGxlZnQgPSAnLCBsZWZ0T2ZSZWN0YW5nbGVJbk5vcm1hbFNWRyk7Cgk8L3NjcmlwdD4K CTwvYm9keT4KPC9odG1sPgo=