.animate() on CSSStyleRule not working in all browser

[Oscar Jonsson <[email protected]…>]

I've tried doing an .animate() on a CSSStyleRule-object. It works in Chrome and Safari, but in IE9, Firefox and Opera I get: Unhandled Error: WRONG_ARGUMENTS_ERR on line 6926: {{{ return window.getComputedStyle( elem, null ); }}}

Here's the fiddle ​http://jsfiddle.net/clox/fbhMp/4/

Simply removing that line from the jquery file fixes everthing for me, but I suppose that breaks something else =)

[dmethvin]

Where did you read that you can wrap a CSSStyleRule with a jQuery object?

[Oscar Jonsson <[email protected]…>]

Well, uh. Nowhere. I just assumed that it would be the same as with a dom-element since they're the same in many ways and I only want to modify their style-property which looks exactly the same as far as I can tell. And it does work crossbrowser. However animating it didn't work when I tried other browsers than Chrome/Safari. Should I have submit this as a feature-request instead perhaps? Sorry, that never hit me.

[dmethvin]

I don't think we want to open a can of worms that big. Because of course once you can wrap a CSSStyleRule you'll want to naturally add new properties with .append() or some such crazy stuff. This is really best done in a plugin.

[Oscar Jonsson <[email protected]…>]

Alright, my apologies.