Scale animation failing on IE9

[rconnamacher]

On IE9, the following works as expected:

$(elem).css({transform: "scale(0.5, 1)"})

But, the following produces no results:

$(elem).animate({transform: "scale(0.5, 1)"})

(This works in Firefox, Safari, and Chrome, just not IE 9.)

I've tested this with both JQuery 1.6.2 and JQuery 1.7.

[rconnamacher]

And as this is my first post here, let me litter it with the following fluff:

Thanks for making this cool plugin! I had created a prototype isometric 3D flip effect using 2D transformation and CSS transitions on WebKit, but then switched to this plugin for the better cross-browser support. It greatly simplified my code. Performance is obviously lower than the browser-native animations I originally used, but it's still good enough. Now if we can sort out what's going on here, I'll get that cross-browser support. :)

[louisremi]

Hey richcon,

Sorry for not answering earlier. I don't have IE9 so I'm unable to reproduce the bug you're seeing. Have you, by any chance, more info on the matter?

Thank you.

[louisremi]

I'm interested in knowing if there are problems with rotate, skew and translate animations in IE9 as well, and if the problem is still present in the last preview of IE10. Thanks

[stephen-hw]

I'm having the same issue. Here is the fiddle I used to demonstrate it in ie9. http://jsfiddle.net/24CG2/

[louisremi]

Hi Stephen,

Can I ask you to confirm that you haven't such problems with rotate and skew in IE9, and can you check whether the problem is still present in the latest preview of IE10?

[cashlo]

Hello, I just tested that rotate and skew work in IE9, and scaleX, scaleY,scale all won't work

[louisremi]

Hi,

I had access to IE9 today and here are my first findings:

• @stephen-hw: This fiddle won't work in IE9 because you're loading my plugin from raw.github.com which serves all files with a "text" mime type, and IE9 refuses to interpret it as a script. Here's a working version of the fiddle: http://jsfiddle.net/24CG2/2/
• @cashlo, @richcon: I've tested the project home page in IE9 and it works. If you want me to solve your problem, I need a reproducible test case.

You can use http://jsfiddle.net to create a test case and load jquery.transform2d.js using the "manage ressources" menu by entering this address: http://louisremi.github.com/jquery.transform.js/jquery.transform2d.js

Thank you in advance

[cashlo]

Thanks for the update! I have test again with the js file in the link, and it works well, the issue with ie9 is gone. Then I download jquery.transform2d.js to my server from master branch scale stop working again. The issue is with the transform2d.js file in the master branch, which is different from the one from http://louisremi.github.com/jquery.transform.js/jquery.transform2d.js

Cash

[cashlo]

by the way, there's another issue when scale to 0 with the version from http://louisremi.github.com/jquery.transform.js/jquery.transform2d.js

test case here http://jsfiddle.net/5FAXp/5/

jquery.transform2d.js:408 Uncaught Error: matrix is singular

Cash

[louisremi]

@cashlo Finally some useful info in that bug report! Thanks, I'll pursue my investigations asap.

[BMCouto]

I'm having the same error here...

[louisremi]

Hey @cashlo,

The latest version of jquery.transform2d.js I just pushed includes a fix for the "matrix is singular" error.

Thanks for your patience

[louisremi]

Hi, I believe this problem has just been fixed by @Clorr

[BMCouto]

Almost... I can scale TO 0 but not FROM 0. My workaround at the moment is scaling to 0.1 and fading it out.

[louisremi]

Alright, reopening then.