Skip to main content

Bug Tracker

Side navigation

#13468 closed bug (plugin)

Opened February 18, 2013 08:09AM UTC

Closed February 26, 2013 02:28PM UTC

Last modified February 26, 2013 02:56PM UTC

.animate() on CSSStyleRule not working in all browser

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

I've tried doing an .animate() on a CSSStyleRule-object. It works in Chrome and Safari, but in IE9, Firefox and Opera I get:


on line 6926:

return window.getComputedStyle( elem, null );

Here's the fiddle

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 <>
status: newpending

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

Changed February 26, 2013 01:17PM UTC by Oscar Jonsson <> comment:2

status: pendingnew

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: newclosed

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 <> comment:4

Alright, my apologies.