An element triggers a mouseout or mouseleave event when hovering over a child input text field contained within the element

This bug is in Chrome only.

I have a div that contains an input text field. By default, the div is hidden and is shown on a button click event and hides on a mouseleave event.

In Chrome, if you hover over the containing text field, the mouseout/mouseleave event gets triggered and the div hides.

Steps for reproducing:

• Open up http://jsfiddle.net/2AKAp/3/ in Chrome
• Click on button to show the div
• Hover over anywhere in the div outside the tex开发者_如何学Ct field and it should not hide
• Hover over the text field and the div hides

Just wondering if this is something you have come across before.

Here is the bug filed with the Chromium team that is tracking this issue: http://code.google.com/p/chromium/issues/detail?id=68861

Looks like this is a bug with Chrome and it has been fixed. The fix will be rolled out with version 11 it seems.