IE10 & IE11 SVG textLength display issue

Won’t fix Issue #7256245

Details

Author
Jeff D.
Created
Apr 19, 2016
Privacy
This issue is public.
Found in
  • Internet Explorer
Found in build #
10
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

I have SVG files created by converting AI files to SVG. They contain text elements with rectangles around them. To get the text to show the correct height and width the textLength attribute is used. When you interact with the text element in IE 10 & 11 the text resizes to the size it would be if you did not have the textLength attribute. This does not happen in IE 9 or Edge or in Chrome.
Simple example https://jsfiddle.net/Jeff672/zze9xroo/ Mouse over the text in IE 10 or 11 you will see the problem
Here is the HTML
<!DOCTYPE html>
<html>
<head>
<style>text:hover { cursor: pointer; }</style>
</head>
<body>
<svg id="svgGraphic" xmlns="http://www.w3.org/2000/svg" width="600" height="200" viewBox="0 0 600 200">
<rect x="5" y="10" height="52" width="510" style="fill:aliceblue; stroke:red;" />
<text x="10" y="50" textLength="500" font-size="50" style="font-family: Arial,san-serif; fill: #000000;" >Testing Internet Explorer</text>
</svg>
</body>
</html>

Attachments

Comments and activity

  • Microsoft Edge Team

    Changed Status to “Won’t fix”

  • Hello and thank you for providing us with the feedback.

    We are not working on IE feature bugs any longer unless they are security related. As a result this item will be closed out as a Won’t Fix.

    Please continue to provide us with feedback on Edge through this portal - we greatly appreciate the input.

    All the best,
    The MS Edge Team

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

Sign in