Bug Tracker

Modify

Ticket #7915 (closed bug: invalid)

Opened 2 years ago

Last modified 2 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 2 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 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 2 years ago by addyosmani (previous) (diff)

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