title: Internet Explorer not rendering svg text correctly when using text-anchor and textLength attributes
body: <p>I have noticed that the below web page does not render correctly in IE 11.  It does work perfectly in Google Chrome.   </p>
  
  <p>The text elements in the example below that are marked with "text-anchor:end" are not anchored properly with the end of the text in IE.</p>
  
  <p>It looks like combing the "text-anchor: end" attribute with the textLength attribute is causing the problem.  When the textLength attribute is removed, it behaves as expected.</p>
  
  <p>I have not been able to find any information about this issue online.   Is this a known bug?  Is there a work around?</p>
  
  <p>Any help is greatly appreciated! </p>
  
  <p>
  </p>
  
  <pre><code>&lt;svg height="1000" width="1150"&gt;
  
      &lt;text text-anchor="start" textLength="200px" lengthAdjust="spacingAndGlyphs" font-family="Lucida Console" font-size="15" x="600" y="80"&gt;ABCDEFGHIJKLMNOPQRSTUVWXYZ&lt;/text&gt;
      &lt;text text-anchor="end" textLength="200px" lengthAdjust="spacingAndGlyphs" font-family="Lucida Console" font-size="15" x="600" y="100"&gt;ABCDEFGHIJKLMNOPQRSTUVWXYZ&lt;/text&gt;
  
      &lt;text text-anchor="start" textLength="300px" lengthAdjust="spacingAndGlyphs" font-family="Lucida Console" font-size="15" x="600" y="150"&gt;ABCDEFGHIJKLMNOPQRSTUVWXYZ&lt;/text&gt;
      &lt;text text-anchor="end" textLength="300px" lengthAdjust="spacingAndGlyphs" font-family="Lucida Console" font-size="15" x="600" y="170"&gt;ABCDEFGHIJKLMNOPQRSTUVWXYZ&lt;/text&gt;
  
      &lt;text text-anchor="start" textLength="500px" lengthAdjust="spacingAndGlyphs" font-family="Lucida Console" font-size="15" x="600" y="220"&gt;ABCDEFGHIJKLMNOPQRSTUVWXYZ&lt;/text&gt;
      &lt;text text-anchor="end" textLength="500px" lengthAdjust="spacingAndGlyphs" font-family="Lucida Console" font-size="15" x="600" y="240"&gt;ABCDEFGHIJKLMNOPQRSTUVWXYZ&lt;/text&gt;
  
  &lt;/svg&gt;
  </code></pre>
  
  <p>
  </p>