Bug Tracker

Opened 9 years ago

Closed 9 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:

Description

$(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 9 years ago by addyosmani

Owner: set to nsimeonov@…
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 9 years ago by addyosmani (previous) (diff)

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