Applying a transform results in incorrect text rendering

Issue #6409274 • Assigned to Kevin B.

Details

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

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

Run the following HTML in Edge:

<?xml version="1.0" encoding="UTF-8"?>
<!–PAE diagram–>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function test() {
window.setTimeout(function () {
host = document.getElementById(‘host’);
host.setAttribute('transform’, 'translate(1,0)');
}, 2000)
}
</script>
</head>
<body onload="test()“>
<div id="testDiagram_workArea” style="width:793px; height:1122px;">
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" 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>
</g>
<g>
<line id="lineElem" y1="161.94000244140625px" x1="-206.5800018310547px" y2="161.94000244140625px" x2="-163.11000061035156px"/>
</g>
</g>
</g>
</svg>
</div>
</body>
</html>

Expected Results:

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

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

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

    Sign in