Bug 218847 – SVG symbol in Safari Shifted while in Chrome and Firefox is looking Great

• Component: SVG
• Status: NEW

[Myogeo]

Created attachment 413927 [details]
Safari browser

I have a weird behavior in Safari browser, I have some Inline SVGs and the arrow symbol above a character is shifted to the right only in Safari as you can see in the attached image

My SVG sample is like

<svg style="vertical-align:-6.22765642025996pt" width="128pt" height="21pt" viewBox="-1 -1 128 21">
<g font-family="MathFont" font-size="13.5">
    <text y="11.338" x="10.06">⃑</text>
    <text y="13.773">𝐴</text>
    <text y="13.773" x="13.611">=</text>
    <text y="13.968" x="27.04"></text>
    <text y="13.773" x="32.702">𝑘</text>
    <text y="13.773" x="43.26">−</text>
    <text y="13.773" x="55.929">2</text>
    <text y="13.773" x="62.587">,</text>
    <text y="13.773" x="68.209">𝑚</text>
    <text y="13.773" x="88.102">−</text>
    <text y="13.773" x="100.771">2</text>
    <text y="13.773" x="107.429">,</text>
    <text y="13.773" x="113.037">4</text>
    <text y="13.968" x="119.706"></text>
</g>
<g font-family="MathFont" font-size="9.45">
    <text y="8.931" x="79.642"></text>
</g>
</svg>


So, am I miss something?

[Radar WebKit Bug Importer]

<rdar://problem/71403792>

[Said Abou-Hallawa]

Created attachment 414358 [details]
test case

I am attaching a test case in which the "COMBINING RIGHT HARPOON ABOVE (U+20D1)" is used inside HTML and SVG tags. WebKit seems to treat this character as a normal character. Other browsers seem to treat it as a right-aligned diacritic character so they do not respect the "text-anchor" attribute when it is applied on the <text> tag.

[Myogeo]

Thank you for your comment, I solved the issue with your advice but I am wondering if any other characters seems to be like this harpoon or just this kind of harpoon will cause such issue.