Skip to main content

Bug Tracker

Side navigation

#7915 closed bug (invalid)

Opened January 06, 2011 07:39PM UTC

Closed January 07, 2011 10:57PM UTC

animate is not calculating the margin property correctly in jquery 1.4.4

Reported by: nsimeonov@gmail.com Owned by: nsimeonov@gmail.com
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.

Attachments (0)
Change History (2)

Changed January 06, 2011 08:17PM UTC by addyosmani comment:1

_comment0: Could you please submit a complete test case on jsFiddle.net so we can test the bug further?. Thanks!1294350098433241
owner: → nsimeonov@gmail.com
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.

Changed January 07, 2011 10:57PM UTC by jitter comment:2

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.