Bug when moving use elements within SVG in IE11 version 11.0.43

Won’t fix Issue #12610774

Details

Author
Amber S.
Created
Jul 3, 2017
Privacy
This issue is public.
Found in
  • Internet Explorer
Reports
Reported by 2 people

Sign in to watch or report this issue.

Steps to reproduce

When a use element is moved to another group in an SVG, it seems to lose the reference to its definition and becomes invisible.

This is the case in IE11: Version: 11.1358.14393.0 / Update version: 11.0.43

Update: issue also appears in:
IE11: Version: 11.1198.14393.0 / Update version: 11.0.42

Works fine in Edge.
jsfiddle: http://jsfiddle.net/amberjs/tbnz3ux8/

Attachments

0 attachments

    Comments and activity

    • Changed Steps to Reproduce

      Changed Steps to Reproduce

      Changed Steps to Reproduce

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

    • Hello,

      Thank you for providing your feedback on IE11. We are not accepting feedback on Internet Explorer through this portal any longer (unless security related).We are pleased to confirm this feature is fixed in MS Edge.

      If this is blocking enterprise deployment, please follow the CSS escalation process to engage MS support (GES, General Escalation Service) and file a servicing request.

      Support URL: https://support.microsoft.com/en-us/gp/support-options-for-business

      Best Wishes,
      The MS Edge Team

    • Microsoft Edge Team

      Changed Status to “Won’t fix”

    • I have the same issue as described on an embedded website.
      The OS is windows 7, can’t put Edge in that equipment.

      So the web interface status is currently at:
      “broken for IE 11 later than 11.0.9600.18665,
      please use Firefox or Chrome”

      The embedded browser is IE 11 though and none else so… this is a problem!

    • Anyone have a workaround?

    • Solution:
      all nodes who got a change in their father dom tree (for example with appendChild) have to be reset at their href attribute ;

      such as : useNode.setAttribute('xlink:href’, useNode.getAttribute(‘xlink:href’))

      And then voila, it shows on screen alright.

      nb: to detect tree change on use nodes, you can use a MutationObserver and then do a query to extract ‘use’ children.

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

    Sign in