Applying a transform results in incorrect text rendering

Issue #6409274 • Assigned to Ian P.


Feb 2, 2016
This issue is public.
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce


Repro Steps:

Run the following HTML in Edge:

<?xml version="1.0" encoding="UTF-8"?>
<!–PAE diagram–>
<!DOCTYPE html>
<html xmlns="">
<script type="text/javascript">
function test() {
window.setTimeout(function () {
host = document.getElementById(‘host’);
host.setAttribute('transform’, 'translate(1,0)');
}, 2000)
<body onload="test()“>
<div id="testDiagram_workArea” style="width:793px; height:1122px;">
<svg xmlns:xlink="" xmlns="" height="100%" width="100%" viewBox="-380 -218.75 390 120">
<g id="host">
<g fill-opacity="1.0" stroke="#000000" stroke-width="1" stroke-opacity="1.0" stroke-linecap="round" text-anchor="middle" font-family="Arial" font-weight="normal" font-size="7.875" transform="matrix(1 0 0 -1 0 0)“>
<g fill="#000000” stroke-opacity="0" stroke-width="0" transform="scale(1, -1)“>
<text id="txtElem” text-anchor="middle" y="-156.151px" x="-185px" textLength="44.64668273925781">example text</text>
<line id="lineElem" y1="161.94000244140625px" x1="-206.5800018310547px" y2="161.94000244140625px" x2="-163.11000061035156px"/>

Expected Results:

The expected behavior would be nudging of the line and the text a bit to the right.

Actual Results:

Dev Channel specific:



0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Mara P.”

      Changed Assigned To to “Dave D.”

      Changed Assigned To to “Frank O.”

      Changed Assigned To from “Frank O.” to “Rick J.”

      Changed Assigned To to “Bogdan B.”

      Changed Assigned To from “Bogdan B.” to “Kevin B.”

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

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

    Sign in