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

Issue #5126262 • Assigned to Bogdan B.


Oct 22, 2015
This issue is public.
Reported by 4 people

Sign in to watch or report this issue.

Steps to reproduce


Repro Steps:

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

Here’s the content of the fiddle:

<svg version="1.1" baseProfile="full" xmlns="" xmlns:xlink="" xmlns:ev="">
<text text-anchor="middle" dx="100" dy="100">---- Foobar ----</text>
<text text-anchor="middle" dx="100" dy="120">Foobar²</text>

Expected Results:

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

Actual Results:

Dev Channel specific:



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.”

    • This is a serious issue, and needs to be solved. Many visualizations use D3.js and SVG. This bug breaks many visualizations. At the moment the only solution I have for my client is to discourage using Edge, and include links to Firefox and Chrome.
      While you are at it, please solve the problems with 'dominant-baseline’, too!

    • Microsoft Edge Team

      Changed Assigned To from “Ian P.” to “Bogdan B.”

      Changed Status from “Confirmed” to “Won’t fix”

      Changed Status from “Won’t fix”

    • Sorry, this got accidentally resolved. Reopening.

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

    Sign in