SVG Text elements with x,y attributes 214749 or over resolve at -214748.3648

Confirmed Issue #5891283 • Assigned to Bogdan B.

Details

Created
Dec 16, 2015
Privacy
This issue is public.
Reports
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

Launch the following html page in Edge or IE 11:

<!DOCTYPE html>
<html>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<head>
<script type="text/javascript">
function queryXY(id) {
var node = document.getElementById(id);
var x = node.getAttribute(“x”);
var y = node.getAttribute(“y”);
alert('For element id ' + id + ‘, X=’ + x + ‘, Y=’ + y);
}

function serializeSVG() {
var svg = document.getElementById(‘svg’);
var rawSvg = (new XMLSerializer()).serializeToString(svg);
var text = document.getElementById(‘textArea’);
text.innerHTML = rawSvg;
}
</script>
</head>
<body>
<svg id="svg" width="300" height="200" viewBox="214650 214650 300 200">
<text id="textA" x="214708" y="214748" fill="red">Text A</text>
<text id="textB" x="214748" y="214708" fill="red">Text B</text>
<text id="textC" x="214749" y="214799" fill="red">Text C</text>
<text id="textD" x="214799" y="214749" fill="red">Text D</text>
</svg>

<button onclick="serializeSVG()">Serialize SVG</button>
<button onclick="queryXY('textA')">Query Text A</button>
<button onclick="queryXY('textB')">Query Text B</button>
<button onclick="queryXY('textC')">Query Text C</button>
<button onclick="queryXY('textD')">Query Text D</button>
<textarea id='textArea' rows='30' , cols='300'>
</textarea>

</body>
</html>

Observe that by querying text elements with the x or y value at 214749 or higher (technically this happens around 214748.35), it will report back "-214748.3648". This also happens when serializing the svg.

Expected Results:

X and Y attriubute values of 214749 and above should return the correct values when serialized. In general we expect the behavior of IE and Edge to be consistent with other browsers that support SVG, such as Chrome and Firefox.

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

      Changed Status to “Confirmed”

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

    Sign in