SVG text-anchor="middle" breaks when using special characters

Confirmed Issue #5126262 • Assigned to Ian P.

Details

Created
Oct 22, 2015
Privacy
This issue is public.
Reports
Reported by 3 people

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

Open the fiddle in MS Edge: https://jsfiddle.net/y9Lz7c4s/
Compare the rendered result with Chrome/Firefox/Safari/whatever.

Here’s the content of the fiddle:

<svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events">
<text text-anchor="middle" dx="100" dy="100">---- Foobar ----</text>
<text text-anchor="middle" dx="100" dy="120">Foobar²</text>
</svg>

Expected Results:

The content of both text tags should be centered equally in position dx="100".

Actual Results:

Dev Channel specific:

No

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Mara P.”

      Changed Assigned To to “Rossen A.”

      Changed Assigned To from “Rossen A.” to “Kevin B.”

      Changed Status to “Confirmed”

      Changed Assigned To from “Kevin B.” to “Rossen A.”

      Changed Assigned To from “Rossen A.” to “Ian P.”

    You need to sign in to your Microsoft account to add a comment.

    Sign in