Bug Tracker

Modify

Ticket #7915 (closed bug: invalid)

Opened 3 years ago

Last modified 3 years ago

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:
Blocking: Blocked by:

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

comment:1 Changed 3 years ago by addyosmani

  • Owner set to nsimeonov@…
  • Status changed from new to pending

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

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

comment:2 Changed 3 years ago by jitter

  • Status changed from pending to closed
  • Resolution set to invalid
  • Component changed from unfiled to effects

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.

Please follow the  bug reporting guidlines and use  jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

View

Add a comment

Modify Ticket

Action
as closed
Author


E-mail address and user name can be saved in the Preferences.

 
Note: See TracTickets for help on using tickets.