Skip to main content

Bug Tracker

Side navigation

#7362 closed bug (invalid)

Opened October 31, 2010 01:06AM UTC

Closed October 31, 2010 01:11AM UTC

position: absolute is lost when .stop() is used with .show('blind')

Reported by: webmaster@cosmicperl.com Owned by:
Priority: undecided Milestone: 1.5
Component: unfiled Version: 1.4.3
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

Attachments (0)
Change History (1)

Changed October 31, 2010 01:11AM UTC by snover comment:1

resolution: → invalid
status: newclosed

blind is a jQuery UI effect. You need to report this in the jQuery UI bug tracker.