CSS3 Transforms not working on elements inside svg

External Issue #13639421


Timo B.
Sep 8, 2017
This issue is public.
Found in
  • Microsoft Edge
Found in build #
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

When using CSS3 transforms on an element inside an SVG, this works fine in all modern browsers (Chrome, Firefox) but not in Edge.

Reproduce: https://jsfiddle.net/c9psLfLb/4/
Expected result: Orange square should be in the middle and rotated.


0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

      Changed Assigned To to “wptcomptri@microsoft.com”

      Changed Assigned To to “bbrinza”

      Changed Status to “External”

    • This is a known issue, as such resolving duplicate to the deliverable to implement this feature request. You can track the implementation of this at status.microsoftedge.com. Thank you for filing the issue.

    • This issue has been resolved External. This means this issue may require a new feature to be implemented or other work that is more significant than a typical bug. You may be able to find more information on this issue by searching for related features on status.microsoftedge.com and uservoice.microsoftedge.com.

    • Thank you for the feedback - we’ve recently landed initial support for CSS transforms on SVG elements and this work should be available in one of the WIP released soon. I’ve verified that your specific repro is fixed with the changes

    • Nice :-)

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

    Sign in