Bug Tracker

Opened 12 years ago

Closed 12 years ago

#7915 closed bug (invalid)

animate is not calculating the margin property correctly in jquery 1.4.4

Reported by: [email protected] Owned by: [email protected]
Priority: undecided Milestone: 1.next
Component: effects Version: 1.4.4
Keywords: Cc:
Blocked by: Blocking:


$(this).stop().animate({ width:"250px", height:"250px", margin:"0" }, 200);

Instead of changing the margin from 25 to 0 in 200ms animate immediately set it to 0.

This script works fine in 1.4.2

I can send you 2 identical demo pages demonstrating the bug - only difference is which jquery lib they reference. The page referencing 1.4.2 works fine, the one referencing 1.4.4 when animating the image resets the margin to 0 on step 1 causing the images to the right to jump to left or right.

Change History (2)

comment:1 Changed 12 years ago by addyosmani

Owner: set to [email protected]
Status: newpending

Could you please submit a complete test case on jsFiddle.net so we can evaluate this bug further?. Furthermore if you could also try it out using jQuery Git just to see if the behavior has been corrected there that too would be of great benefit.

Last edited 12 years ago by addyosmani (previous) (diff)

comment:2 Changed 12 years ago by jitter

Component: unfiledeffects
Resolution: invalid
Status: pendingclosed

The documentation on animate() is rather clear as it states:

Shorthand CSS properties (e.g. margin, background, border) are not supported. For example, if you want to retrieve the rendered margin, use: $(elem).css('marginTop') and $(elem).css('marginRight'), and so on.

Note: See TracTickets for help on using tickets.