Steps to replicate the issue (include links if applicable):
- Observe the text on https://upload.wikimedia.org/wikipedia/commons/thumb/archive/0/05/20230515045519!Sixth_power_example.svg/400px-Sixth_power_example.svg.png from http://commons.wikimedia.org/wiki/File:Sixth_power_example.svg .
- Viewing https://upload.wikimedia.org/wikipedia/commons/archive/0/05/20230515045519%21Sixth_power_example.svg in Firefox or Chrome does not manifest the bug.
What happens?:
- The text labels overlap with the shapes.
What should have happened instead?:
- There should be no overlap, similar to https://upload.wikimedia.org/wikipedia/commons/thumb/0/05/Sixth_power_example.svg/400px-Sixth_power_example.svg.png?20230515045942 which worked around the issue by using less-preferred Unicode superscript characters.
Software version (skip for WMF-hosted wikis like Wikipedia):
Other information (browser name/version, screenshots, etc.):
- I think what happens is the first <tspan> is middle-aligned, then subsequent ones are appended to its right, instead of treating the multiple <tspan>s as a unit and middle-aligning it.
- I tried working around it by enclosing the <tspan>s in another <tspan> in https://upload.wikimedia.org/wikipedia/commons/archive/0/05/20230515045941%21Sixth_power_example.svg but it did not fix the bug.