Created attachment 398172 [details] Demo of the issue, open the Console and check the dimensions output there EXPECTED BEHAVIOR: - When using an SVG element's getBBox() method, the browser should return the correct dimensions of the bounding box for <tspan> elements. OBSERVED BEHAVIOR: - The browser is returning the bounding box of its parent <text> element instead. i.e. all tspans return the dimensions of their parent element in place of their own real dimensions. OTHER BROWSERS: - This works fine in Firefox. - Chromium had the same bug and fixed it recently: https://bugs.chromium.org/p/chromium/issues/detail?id=349835 (OK in Chromium Version 84.0.4133.0 (Developer Build) (64-bit); still not OK in Chrome Version 81.0.4044.129 (Official Build) (64-bit).) Interestingly enough, unlike getBBox(), Safari's Inspector does return the correct dimensions (rounded), so a way to fetch the correct value might already be in the codebase. Attaching a demo of my own; the Chromium thread has plenty of other examples if needed.
<rdar://problem/62735569>
Anyone? While the report is new, the bug has been around for at least 6 years and breaks basic SVG functionality.
Blink Commit: https://chromium.googlesource.com/chromium/src.git/+/d9569a659f3d68d7d96af8c751d5806402fca700 WPT Test Cases: https://wpt.fyi/results/svg/types/scripted?label=master&label=experimental&aligned=&q=svggraphicselement.getbbox-