Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

Scale animation failing on IE9 #18

Open
rconnamacher opened this Issue Nov 9, 2011 · 15 comments

Comments

Projects
None yet
5 participants

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.

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. :)

Owner

louisremi commented Jan 20, 2012

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.

Owner

louisremi commented Jan 20, 2012

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

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

Owner

louisremi commented Jan 25, 2012

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 commented Mar 16, 2012

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

Owner

louisremi commented Mar 18, 2012

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 commented Mar 19, 2012

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 commented Mar 19, 2012

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

Owner

louisremi commented Mar 19, 2012

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

BMCouto commented Mar 26, 2012

I'm having the same error here...

Owner

louisremi commented Apr 4, 2012

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

Owner

louisremi commented May 10, 2012

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

@louisremi louisremi closed this May 10, 2012

BMCouto commented May 10, 2012

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 louisremi reopened this May 10, 2012

Owner

louisremi commented May 10, 2012

Alright, reopening then.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment