Search and Top Navigation
#6245 closed bug (fixed)
Opened October 31, 2010 02:25AM UTC
Closed May 25, 2011 07:53PM UTC
Last modified May 25, 2011 07:54PM UTC
position: absolute is lost when .stop() is used with .show('blind')
Reported by: | cosmicnet | Owned by: | |
---|---|---|---|
Priority: | minor | Milestone: | 1.9.0 |
Component: | ui.effects.core | Version: | 1.8.5 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
Hello,
$('#hoverme-stop').hover(function() {
$(this).find('.help').stop(true, true).show('blind');
}, function() {
$(this).find('.help').stop(true, true).hide('blind');
});
Which works great unless your element is position: absolute. In which case it switches it to position: relative which starts pushing around any succeeding elements. Only happens when stop has an actual animation to stop. If you mouse in an out slowly it works fine.
I tried re-adding the position: absolute with the hack:-
$(this).stop(true, true).css({position: absolute}).fadeIn();
But this loses the position within the document flow, making it appear at the top of the page.
Tested with normal .show() and .fadeIn() and could not replicate, so appears to be specific to using .stop with .show('blind') and .hide('blind').
Lyle
P.S. I already submitted this bug to JQuery, they said it's for you guys instead:-
Attachments (0)
Change History (4)
Changed March 28, 2011 06:24PM UTC by comment:1
status: | new → open |
---|
Changed May 20, 2011 01:13PM UTC by comment:2
https://github.com/jquery/jquery-ui/pull/320
Here is a patch. Maybe this occurs only with "blind".
Changed May 25, 2011 07:53PM UTC by comment:3
resolution: | → fixed |
---|---|
status: | open → closed |
effects.blind: Save the wrapper status if already wrapped. Fixes #6245 - position: absolute is lost when .stop() is used with .show('blind').
Changeset: 129d5c75aca94ae636ba6396124c4938e43a50f3
Changed May 25, 2011 07:54PM UTC by comment:4
milestone: | TBD → 1.9 |
---|
http://jsfiddle.net/gnarf/6RD5a/