SVG marker is not updated when the SVG element is moved using the DOM - by Lionel Fourquaux

Status : 

  Won't Fix<br /><br />
		Due to several factors the product team decided to focus its efforts on other items.<br /><br />
		A more detailed explanation for the resolution of this particular item may have been provided in the comments section.

ID 781964 Comments
Status Closed Workarounds
Type Bug Repros 18
Opened 3/22/2013 5:12:28 PM
Access Restriction Public


If an SVG element (e.g. <polyline>) has a marker-end and is moved by setting the points attribute from javascript (with setAttribute), the marker is left at the old position.
(See attached file for example).
Sign in to post a comment.
Posted by mikeazo on 2/10/2015 at 6:31 AM
Someone else posted a duplicate issue here:
Posted by Alfred Wassermann on 8/8/2014 at 3:08 AM
To run our geometry app sketchometry ( on IE this fix would have an impact.
Posted by rlevy on 8/7/2014 at 5:46 PM
Agreed. This is common with D3 data visualizations which is important for LOB apps such as those Microsoft would like to see more built on the WWA stack.
Posted by styfle on 8/7/2014 at 4:55 PM
Why is this bug closed? IE 11 still has the same issue which you see here:

It is a very common pattern with d3.
Posted by RayUser on 4/18/2014 at 11:55 AM
Please fix this. It is very important for us!
Posted by kaljak on 12/16/2013 at 3:35 AM
So this won't be fixed?
SVG's just can't be animated in Internet Explorer?
Posted by Microsoft on 6/24/2013 at 8:55 AM
Thank you again for your feedback.

We were able to validate your feedback. However, based on the limited impact this bug may have, we will not be able to address this bug during this release.

Your feedback is very important to us, and it helps us improve the quality of Internet Explorer. We continue to welcome more feedback, so please don't hesitate to report other ways that we can improve Internet Explorer.

Best regards,
The Internet Explorer Team
Posted by Sanmao Zhao on 5/15/2013 at 11:50 PM
I can also replicate this bug. Please fix it ...
Posted by Nick Iaconis - ORB Analytics on 5/9/2013 at 8:52 AM
I can also replicate this bug. I'm running IE 10.0.9200.16540 on Windows 8.

I have also seen this bug remove the visibility of the lines to which the markers are attached. An example can be seen here:

By updating the lines' css each time the lines are moved, the lines become visible, but the markers remain stuck in their original position. This can be seen here:

By removing the markers entirely, the lines have no issues. This can be seen here:

By encoding the markers directly in the lines' path data, pseudo-markers can be drawn, but this is <i>by no means</i> a fix for this bug. Nevertheless, an example can be seen here:
Posted by Sam Fentress on 5/3/2013 at 9:03 AM
Is there any indication that anyone from Microsoft has replicated this bug? It's quite a clear bug, and really annoying for all applications that animate SVG -- we have to just tell our users to use Chrome.
Posted by Sam Fentress on 3/29/2013 at 5:41 AM
I should have mentioned: This is reproducible on both Windows 7 and Windows 8.
Posted by Sam Fentress on 3/29/2013 at 5:38 AM
I can confirm that this bug is visible to me, and is a regression from IE 9.

If you create an SVG line with line markers, and then move the line by changing its end points, the markers remain behind in their original locations.

A simple example of this can be seen here:

The correct behavior is visible in IE9, Chrome, Safari, and FireFox. Only IE 10 displays this bug.
Posted by Lionel Fourquaux on 3/25/2013 at 1:25 PM
Thanks. Please tell me if I can give you more information for this bug.
Best regards,
Posted by Microsoft on 3/25/2013 at 9:09 AM
Thank you for your feedback. We will be investigating this issue further.

Best regards,

The Internet Explorer Team
Posted by Lionel Fourquaux on 3/22/2013 at 5:14 PM
This is most likely the same bug as 773955 and 773642. Hopefully the attached files will make it possible for you to reproduce the problem.