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.
Expected result: Orange square should be in the middle and rotated.
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “James M.”
Changed Assigned To to “email@example.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