Open the following svg in WebKit: <svg xmlns="http://www.w3.org/2000/svg"> <text x="100 150 200 250" y="100"><tspan display="none">12</tspan>34</text> <text x="200 250 300 350" y="150">34</text> </svg> Result: The letters '3' and '4' are not aligned vertically in the two lines. Expected: The letters '3' and '4' should be displayed at the same vertical positions (200 and 250) in the two lines. The W3C specs http://www.w3.org/TR/SVG/painting.html#DisplayProperty says that if the property 'display' is set to 'none', the element will not be part of the rendering tree. The element will not take space nor will its contents be rendered on the page. But the specs does not say that the characters' indices of the <tspan display="none"> tag will be ignored when specifying multiple mid-points in the parent text content element. So it is fair to expect the beginning of the following text to be shifted to the same mid-point as if display="none" were not specified in the previous <tspan> tag.
<rdar://problem/19147394>
Changed it into JSFiddle: https://jsfiddle.net/7kd4rjzv/show Only Firefox Nightly 107 have them as aligned while Safari Technical Preview 154 and Chrome Canary 108 does not align them in same line vertically above each other. Thanks!