200423 2019-08-03 18:41:43 -0700 Wrong SVG intrinsic width when removing the height attribute and setting the viewBox attribute 2025-11-12 13:46:11 -0800 1 1 1 Unclassified WebKit SVG WebKit Nightly Build Unspecified Unspecified RESOLVED CONFIGURATION CHANGED P2 Normal --- 200143 1 sabouhallawa webkit-unassigned ahmad.saleem792 karlcow zimmermann oldest_to_newest 1558327 0 375493 sabouhallawa 2019-08-03 18:41:43 -0700 Created attachment 375493 test case Open the attached test case. Expected: No alert messages and child <rect> element fills the whole SVG client rect. Result: An alert message is invoked and the intrinsic with of the SVG is wrong. Related WPT test is: https://wpt.fyi/results/svg/coordinate-systems/outer-svg-intrinsic-size-001.html?label=master&label=experimental 1558328 1 sabouhallawa 2019-08-03 18:47:55 -0700 Similarly, the SVG intrinsic height is not calculated correctly if the width attribute is removed and the viewBox attribute is set. Related WPT test is: https://wpt.fyi/results/svg/coordinate-systems/outer-svg-intrinsic-size-002.html?label=master&label=experimental 2136444 2 karlcow 2025-08-14 01:07:53 -0700 With: <svg id="mySVG" viewBox="0 0 40 30" height="60"> let svgElem = document.getElementById("mySVG"); svgElem.getBoundingClientRect().width: 80 svgElem.getBoundingClientRect().height: 60 Then svgElem.setAttribute("viewBox", "0 0 100 120"); so it becomes <svg id="mySVG" style="background-color:gold;" viewBox="0 0 100 120" height="60"></svg> svgElem.getBoundingClientRect().width: 80 <-- WRONG svgElem.getBoundingClientRect().height: 60 instead of svgElem.getBoundingClientRect().width: 50 svgElem.getBoundingClientRect().height: 60 2136446 3 karlcow 2025-08-14 01:15:25 -0700 This is failing in both Legacy and LBSE. 2136447 4 karlcow 2025-08-14 01:18:30 -0700 Maybe to fix in https://searchfox.org/wubkat/source/Source/WebCore/svg/SVGSVGElement.cpp 2158330 5 ahmad.saleem792 2025-11-12 13:46:11 -0800 It seems to pass now on Safari 26.2 Beta and matches with Chrome Canary 144. 375493 2019-08-03 18:41:43 -0700 2019-08-03 18:41:43 -0700 test case set-viewbox-attribute.html text/html 1028 sabouhallawa PHN0eWxlPgogICN3cmFwcGVyIHsKICAgICAgd2lkdGg6IDUwMHB4OwogIH0KICAjbXlTVkcgewog ICAgYm9yZGVyOiAxcHggcmVkIHNvbGlkOwogIH0KPC9zdHlsZT4KPGJvZHk+CiAgPGRpdiBpZD0i d3JhcHBlciI+CiAgICA8c3ZnIGlkPSJteVNWRyI+CiAgICAgIDxyZWN0ICB3aWR0aD0iMTAwJSIg aGVpZ2h0PSIxMDAlIiBmaWxsPSJncmVlbiIvPgogICAgPC9zdmc+CiAgPC9kaXY+CiAgPHNjcmlw dD4KICAgIGxldCBzdmdFbGVtID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoIm15U1ZHIik7CiAg ICBmdW5jdGlvbiBleHBlY3Rfc3ZnX3dpZHRoX2FuZF9oZWlnaHQod2lkdGgsIGhlaWdodCkgewog ICAgICAgIGxldCByZWN0ID0gc3ZnRWxlbS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTsKICAgICAg ICBpZiAocmVjdC53aWR0aCAhPSB3aWR0aCkKICAgICAgICAgIGFsZXJ0KCJjaGVja2luZyB3aWR0 aDogcmVjdC53aWR0aCA9ICIgKyByZWN0LndpZHRoICsgIiwgZXhwZWN0ZWQgd2lkdGggPSAiICsg d2lkdGgpOwogICAgICAgIGlmIChyZWN0LmhlaWdodCAhPSBoZWlnaHQpCiAgICAgICAgICBhbGVy dCgiY2hlY2tpbmcgaGVpZ2h0OiByZWN0LmhlaWdodCA9ICIgKyByZWN0LmhlaWdodCArICIsIGV4 cGVjdGVkIGhlaWdodCA9ICIgKyBoZWlnaHQpOwogICAgfQoKICAgIHdpbmRvdy5hZGRFdmVudExp c3RlbmVyKCdsb2FkJywgKGV2ZW50KSA9PiB7CiAgICAgICAgc3ZnRWxlbS5zZXRBdHRyaWJ1dGUo InZpZXdCb3giLCAiMCAwIDQwIDMwIik7CiAgICAgICAgc3ZnRWxlbS5yZW1vdmVBdHRyaWJ1dGUo IndpZHRoIik7CiAgICAgICAgc3ZnRWxlbS5zZXRBdHRyaWJ1dGUoImhlaWdodCIsICI2MCIpOwog ICAgICAgIGV4cGVjdF9zdmdfd2lkdGhfYW5kX2hlaWdodCg4MiwgNjIpOwogICAgICAgIHN2Z0Vs ZW0uc2V0QXR0cmlidXRlKCJ2aWV3Qm94IiwgIjAgMCAxMDAgMTIwIik7CiAgICAgICAgZXhwZWN0 X3N2Z193aWR0aF9hbmRfaGVpZ2h0KDUyLCA2Mik7CiAgICB9KTsKICA8L3NjcmlwdD4KPC9ib2R5 Pgo=