Bug 139266
Summary: | A <tspan display="none"> is ignored completely when specifying multiple midpoints in the parent text content element | ||
---|---|---|---|
Product: | WebKit | Reporter: | Said Abou-Hallawa <sabouhallawa> |
Component: | SVG | Assignee: | Nobody <webkit-unassigned> |
Status: | NEW | ||
Severity: | Normal | CC: | ahmad.saleem792, webkit-bug-importer, zimmermann |
Priority: | P2 | Keywords: | InRadar, LayerBasedSVGEngine |
Version: | 528+ (Nightly build) | ||
Hardware: | Unspecified | ||
OS: | Unspecified |
Said Abou-Hallawa
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.
Attachments | ||
---|---|---|
Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/19147394>
Ahmad Saleem
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!