Ticket #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: | ||
| 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
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.

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.