Can't apply a transform string on an SVG element about gsap HOT 3 CLOSED

It looks like this has to do with a browser bug that incorrectly reports computed style values as "none" on SVG elements. Proof: (run this in Chrome)

var element = document.getElementById("blue");
element.style.WebkitTransform = "scale(2)";
var computedStyle = document.defaultView.getComputedStyle(element, null);
console.log(computedStyle.WebkitTransform); //expect "matrix(2,0,0,2,0,0)" but get "none".

If you run that same code with a regular (non-SVG) DOM element, it'll work fine.

I'll implement a workaround in the next release of CSSPlugin/TweenMax. Let me know if you'd like a sneak-peek to test it out.

from gsap.

I'm glad you found the culprit. I can try it out, sure!

from gsap.

v1.12.0 fixed this as well. You're on a roll!

from gsap.