EDGE renders SVG "text" incorrectly showing repaint artefacts - by Sebastian Mueller

Status : 

  External<br /><br />
		This item may be valid but belongs to an external system out of the direct control of this product team.<br /><br />
		A more detailed explanation for the resolution of this particular item may have been provided in the comments section.

ID 2023492 Comments
Status Closed Workarounds
Type Bug Repros 2
Opened 11/16/2015 4:50:12 AM
Access Restriction Public


When SVG text contains certain characters (e.g. a hyphen '-'), text is rendered incorrectly and overlapping when parts of the SVG are updated via SVG. This happens on Microsoft Edge 25.10586.0.0 with Microsoft EdgeHTML 13.10586. This is a regression (although similar things were broken in the previous release, too) and makes SVG text rendering unusable for non-static SVG use-cases in Edge. This works in all other browsers.
Sign in to post a comment.
Posted by Microsoft on 4/4/2016 at 7:54 PM
We've moved! This issue is now being tracked at https://developer.microsoft.com/microsoft-edge/platform/issues/5432639/
Posted by Microsoft on 11/16/2015 at 7:30 AM
Hello Sebastian Mueller,

Thank you for your feedback. We will be investigating this issue further.

Best regards,
The MS Edge Team
Posted by Sebastian Mueller on 11/16/2015 at 5:25 AM
Looking more closely at the resulting rendering the issue seems to be this: Text seems to be rendered in chunks, a chunk starts with "-" the x-offset of the chunk seems to simply *not* respect the transform, so no matter what scale transform is applied the x-offset of the next "-" is always at the same screen coordinate - this results in overlaps and repaint issues (because the repaint area seems to be calculated differently than where the text is rendered).