267993 - Menu div behaves as if mouse is leaving it when the mouse pointer moves into an area occupied by an element with overflow:auto

Status: RESOLVED WORKSFORME

(Core :: Layout, defect)

Description

[Jerry]

User-Agent:       Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.0.3705; .NET CLR 1.1.4322)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.3) Gecko/20040910

In the provided page (developed in asp.net) and in the site 
http://www.realpoint.co.uk/ (apparently developed with php) as the mouse 
pointer is moved from the active menu div over the scrolling div adjacent it, 
the menu div thinks that the mouse has moved off of it and toggles to 
display:hidden.  This of course means that you cannot ever reach the menu items 
that open over a scrolling element, a major inconvenience.

It isn't confined to just div's - spans behave similarly.

Reproducible: Always
Steps to Reproduce:
1.Create a div with css item overflow:auto
2.Create a menu-like set of divs that toggle display:block onmouseover and 
display:none onmouseout
3.Have fun watching your menu disappear as you move the mouse over one of the 
divs that have display:block toggled

Actual Results:  
As described in details - the 'active' menu element collapses thinking that the 
mouse has moved off of it.

Expected Results:  
The menu elements should behave as if the pointer is over them until it really 
isn't

Comment 1

[Martijn Wargers (dead)]

Attachment: Testcase

Somehow, I guess, a mouseout event is generated when you get over the
scrollable div. I can't reproduce the bug when I use a css :hover rule in order
to get the same effect as the javascript.

This bug is probably a duplicate of some other bug (I think I've seen some
similar of this one before).

Comment 2

[Boris Zbarsky [:bzbarsky]]

Dup of existing bugs dealing with us using widgets for targeting mouse events...

Comment 3

[Steve England [:stevee]]

Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8b2) Gecko/20050419
Firefox/1.0+
WFM