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 test the bug further?. Thanks!