.animate() on CSSStyleRule not working in all browser

Reported by:	Oscar Jonsson <ogggan@gmail.com>	Owned by:	Oscar Jonsson <ogggan@gmail.com>
Priority:	undecided	Milestone:	None
Component:	unfiled	Version:	git
Keywords:		Cc:
Blocked by:		Blocking:

Description

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 =)

Attachments (0)

Change History (4)

Changed February 24, 2013 09:34PM UTC by dmethvin comment:1

owner:	→ Oscar Jonsson <ogggan@gmail.com>
status:	new → pending

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

Changed February 26, 2013 01:17PM UTC by Oscar Jonsson <ogggan@gmail.com> comment:2

status:	pending → new

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.

Changed February 26, 2013 02:28PM UTC by dmethvin comment:3

resolution:	→ plugin
status:	new → closed

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.

Changed February 26, 2013 02:56PM UTC by Oscar Jonsson <ogggan@gmail.com> comment:4

Alright, my apologies.

Side navigation