Hi Chris,
I'm not sure why this is happening, but I think I know how to fix it.
Jörn Zaefferer and I ran into this same problem with our tooltip/
clueTip plugins the other day. Following the approach that Jörn
proposed for the plugins, you might be able to fix the problem by
making sure that the target property of the event argument is not an
option element:
$('document').ready(function() {
$('#hoverthis').hover(
function() {
$(this).children('#showonhover').fadeIn("fast");
},
function(event) {
if ( !$(event.target).is('option') ) {
$(this).children('#showonhover').fadeOut("fast");
}
}
);
});
Give that a shot and see if it works for you.
--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Apr 4, 2008, at 12:18 AM, Chris wrote:
http://patterntap.com/hover-test.html
Check out the URL above for the test case. The flicker happens in all
browsers (IE 7, Firefox and Safari).
The "showonhover" appears on when the parent div is hovered over.
Inside "showonhover" is a SELECT box. When I try to select an item it
causes the entire hover area to flicker.
Any thoughts on why this is happening and how to fix it?
