Bug Tracker

Opened 7 years ago

Closed 7 years ago

#7915 closed bug (invalid)

animate is not calculating the margin property correctly in jquery 1.4.4

Reported by: nsimeonov@… Owned by: nsimeonov@…
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 7 years ago by addyosmani

Owner: set to nsimeonov@…
Status: newpending

Could you please submit a complete test case on jsFiddle.net so we can test the bug further?. Thanks!

Version 0, edited 7 years ago by addyosmani (next)

comment:2 Changed 7 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.