浏览器之间多行rtl SVG文本的显示不一致

Question

我正在使用tspan元素并尝试正确显示rtl文本，但它们在浏览器之间显示不一致

<svg viewBox="0 0 171.6875 162.84375" width="171.6875" height="162.84375">
  <text font-size="72" font-family="Arial" fill="red" x="0" y="70.234375" text-anchor="start"  >
    <tspan x="0%" dy="0">تونس</tspan>
    <tspan x="0%" dy="72">السلام</tspan>
  </text>
</svg>

jsfiddle

当我在第二个单词的末尾添加一个ltr字符时，文本会在所有主要浏览器中正确显示 有没有办法添加一个不可见的ltr char作为解决方法？

我尝试direction="rtl"和writing-mode="rl"对Chrome没有任何影响