jQuery fails to animate sertain CSS rules - IE mostly
|Reported by:||Tokimon||Owned by:|
|Keywords:||animation, css, animateToClass||Cc:|
Im Building a component equilevant to animateToClass and in this component, im grabbing every rule, that might be animatable (from my point of view) and sending it to the animate method. However IE tends to fail on a large number of rules im trying to animate, as some don't have any 'px' in their declaration. And some just fails in the minified version of jQuery, where IE just states 'Invalid argument' - i've experienced this mainly on the postions rules (top right bottom left).
It seeems that there is a glich in the way rules are parsed if it's a rule without any unit declaration in it - like z-index or font-weight -, it get fails the declaration.
Furthermore it seems to miss the interpreation on the clip rule.
Below is a list of rules IE is failing on:
borderColor, borderWidth, bottom, clip, fontWeight, left, letterSpacing, lineHeight, maxHeight, maxWidth, minHeight, minWidth, outlineColor, outlineWidth, right, textShadow, top, verticalAlign, wordSpacing, zIndex, outlineOffset
A suregestion is that the animation method would be able to take any of the css rules and not just the animatable ones, so that you just throw any rule at it without having to consider whether it might be suitable to animation or not.
PS. i worked around some of the errors with a try-catch clause but i know that probably not the best way to do things.