Side navigation
#6772 closed bug (fixed)
Opened July 07, 2010 08:04AM UTC
Closed April 17, 2011 08:22PM UTC
$.slideToggle() & $.hover() animation issues
| Reported by: | AP Erebus | Owned by: | |
|---|---|---|---|
| Priority: | high | Milestone: | 1.next |
| Component: | effects | Version: | 1.4.2 |
| Keywords: | slideToggle, hover | Cc: | |
| Blocked by: | Blocking: |
Description
This is an issue I raised on StackOverflow at: http://stackoverflow.com/questions/3177446/slidetoggle-hover-animation-queue-issue
Basically is that when trying to use slideToggle() with hover() you get the animation queuing. I attempted to remedy this with stop() but this then caused the animation to stop working. The SO post contains a lot more info.
This JSFiddle: http://jsfiddle.net/SNhky/ contains the code that doesn't work.
I'm using Chrome 6.0.453.1 dev, but this error occurs in IE8 as well.
Attachments (0)
Change History (4)
Changed October 03, 2010 11:10PM UTC by comment:1
| need: | Review → Patch |
|---|---|
| priority: | → undecided |
Changed October 18, 2010 12:05AM UTC by comment:2
| milestone: | 1.4.3 → 1.5 |
|---|---|
| priority: | undecided → high |
| status: | new → open |
Changed February 08, 2011 06:51PM UTC by comment:3
I think this bug occurs where the previous animation is not 100% complete the system believes the original height is a fraction of what it actually is. Only fixes I have found so far are to 1) make sure your animations are very short, so it is more likely the animations complete; 2) make your fadeOut / callback function instant - use hide() instead of slideUp for example
I've tested this in Chrome 6.0.472.62 and the behavior is as follows:
Hovering over the item, the animation works fine for the first few attempts but on subsequent hovers it begins to fail to the point where what is slid down is a fraction of the correct height/size. May be a bubbling issue.
Having run the test a few times, it would appear that this behavior is semi-consistent.
Flagging for patch.