Add CSS transforms on SVG elements
I created a CSS-based grid system for my SVG sprite sheet using transforms, only to revert to transform attributes after it collapsed in IE9+.
Please add support for CSS transformation in SVG.
Support for using CSS Transforms on SVG elements is now on the Microsoft Edge backlog with a priority of medium.
This should be High, not Medium priority. So annoying this isn't supported.
CSS Transforms for SVG elements!
Shalanah Dawson commented
Edge, you're better than this! Be all that you can be! Please add! :)
Denise Mauldin commented
Please escalate the priority!
Robert Monfera commented
The issue is specific to certain CSS styling of SVG, such as transforms. Does this issue generalize to support all presentation attributes https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute#Presentation_attributes? If so, should this issue be renamed to reflect clearly what it stands for? If not, should this issue, with its votes, fold into a more general issue?
Neil Vanen commented
Come on, please, we are waiting more than 2 years now.
Chris Johnson commented
Can we make this a higher priority? I've been waiting years, this is why we can't have nice things:(
PLEASE PLEASE PLEASE
How are there only 15 comments?
Dillan Simmons commented
This would be so nice. So much degradation / libraries / work arounds necessary for getting SVG animations to work in Edge!
Peter Barr commented
Please please escalate guys!!!
Leslie Zacharkow commented
Please elevate the priority of adding support for CSS transformation on SVG elements.
Do it please
Victor Bagu commented
We need this
Mihir Karandikar commented
Please do it! :)
"medium"? Turn this up to 11!
Scott Fowler commented
Do it. I want CSS Transforms!
Amelia Bellamy-Royds commented
Some relevant updates:
- The largest major issues for the spec (reference boxes for origin and percentage lengths) have been resolved: https://github.com/w3c/csswg-drafts/issues/857#issuecomment-296024182
- Firefox now supports transform-box in their alpha build (v55), although they'll require a few updates to match the latest spec resolutions: https://bugzilla.mozilla.org/show_bug.cgi?id=1371943
- Blink/Chromium is implementing transform-box and updating their existing implementation to match; the changes are currently behind a flag in Canary: https://bugs.chromium.org/p/chromium/issues/detail?id=595829
- WebKit has likewise landed an implementation in their nightly builds: https://bugs.webkit.org/show_bug.cgi?id=145783