Mouseleave и select
 

- Здравствуйте.
- У меня такая сложность. Есть код:

<div id="overlayStart">

   <div id="overlay" style="display:none;">

      <form>
         <select>
            <option></option>
            <option></option>
            <option></option>
         </select>
         <input type="text" />
      </form>

   </div>

</div>

$("#overlayStart").mouseenter(function(){
			
   $("#overlay", this).show();
		
}).mouseleave(function(){
	
   $("#overlay", this).fadeOut();
	
});

- Подскажите как сделать так, что бы данный див "overlay" не скрывался, когда я навожу курсор на элемент формы "input" (в хроме) или выбираю пункт в "select"?

- Почему то обработчик считает, что покинул "overlayStart", когда я взаимодействую со вложенными в него элементами формы.

- Не уж то никто не знает как хакнуть этот баг хрома?

о каком баге вы говорите? ;)

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 

<script type="text/javascript">
$(function(){
    $("#overlayStart").hover(function() {
       $("#overlay", this).fadeToggle();
    });
});
</script>

<div id="overlayStart">
    Here!
   <div id="overlay" style="display:none;">
      <form>
         <select>
            <option></option>
            <option></option>
            <option></option>
         </select>
         <input type="text" />
      </form>
   </div>
</div>

Да у меня тоже так глючит)) исчезает)

- Та же беда Chrome - наведение на инпут закрывает тултип.
- А как можно этого избежать?
- С select в лисе и ие я разобрался а вот Хром)