Skip to main content

Bug Tracker

Side navigation

#12447 closed bug (fixed)

Opened September 03, 2012 02:14PM UTC

Closed September 24, 2012 04:17PM UTC

Slide animation dont work correctly in 1.8.0

Reported by: Owned by: gibson042
Priority: high Milestone:
Component: effects Version: 1.8.0
Keywords: Cc: gibson042, gnarf
Blocked by: Blocking:


case below contains a small code that implement contents sliding animation, pressing menu items with classes 'mmenu_bth'. In jQuery 1.8.0. i have freezes andsometimes hangs in browser, when i do 4-5 clicks on different menu items consequentially.

Test case:

Important notes:

1. Opening console(native or Firebug) fix this behavior (no freezes, no hangs).

2. Code work well with older jQuery versions.

3. Works fine with other browsers: Chrome, Safari, IE 9.

4. Regress to 1.7.2. version cause an other error in positioning calculation - in Chrome position caclucales incorrectly.

Attachments (0)
Change History (9)

Changed September 03, 2012 02:32PM UTC by lapynow.d comment:1

Important note:

in jsFiddle code works fine with any jQuery ver. But problem occur when I test code directly in Firefox 15-16.

Changed September 05, 2012 07:44AM UTC by comment:2

This question is investigated in bugzilla and more information you can get here:

Changed September 05, 2012 01:20PM UTC by mikesherov comment:3

cc: → gibson042, gnarf

gnarf, gibson042... check out that infinite loop...

Changed September 05, 2012 01:34PM UTC by dmethvin comment:4

Yeah, it does seem like those need to be fuzzy equals.

Changed September 05, 2012 06:30PM UTC by gibson042 comment:5

component: unfiledeffects
owner: → gibson042
priority: undecidedhigh
status: newassigned

Changed September 10, 2012 12:34AM UTC by dmethvin comment:6

#12495 is a duplicate of this ticket.

Changed September 14, 2012 12:29AM UTC by dmethvin comment:7

#12507 is a duplicate of this ticket.

Changed September 14, 2012 07:34AM UTC by petersphilo comment:8


in all of the v1.7.x versions of jQuery core that i used, the .animate() method starts the animation from its current position (like margin), particularly if multiple animations are applied to the same object.

Now, in v1.8.0 and v1.8.1, the .animate() method starts from the same place, regardless of the current position of the object.

Here are 2 examples; in this website, i use .animate() to slide each 'page' horizontally by changing the 'left-margin' property

here is v1.7.1 at work (click on the page titles to navigate):

and now v1.8.1 (click on the page titles to navigate):


The fiddle below shows that even v1.7.2 differs from v1.7.1 or even before (like v1.6.x) since it does not animate the second movement:

I Hope this helps!

Changed September 24, 2012 04:17PM UTC by gibson042 comment:9

resolution: → fixed
status: assignedclosed

Fix #12447: Ensure starting-point calc takes finite time. Close gh-922.

Changeset: e755c194161e1dc6793cbb690ba8334dad560c8f