Bug 211282 – getBBox on tspan returns bbox for the containing text element

• Component: SVG
• Status: NEW

[fabswt]

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.

[Radar WebKit Bug Importer]

<rdar://problem/62735569>

[fabswt]

Anyone?

While the report is new, the bug has been around for at least 6 years and breaks basic SVG functionality.

[Ahmad Saleem]

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-