276921 - onmouseout event not generated properly for divs within divs

Status: RESOLVED WORKSFORME

(Core :: DOM: UI Events & Focus Handling, defect)

Description

[James Howe]

The URL http://home.comcast.net/~jhowe/firefox1.html displays a page containing 
a DIV which contains several DIVS.  When the page displays, you should be able 
to move the mouse over the 'items' and have an item highlight when the mouse is 
over it, and unhighlight when the mouse leaves.  With this URL, you should see 
that the first two items stay shaded, the third item highlights/unhighlights, 
the 4th and 5th stay highlighted, etc.  The HTML contains some 'dump' statements 
which you can watch in a Firefox debug console.  You will notice that the 
mouseout event seems to only be generated every other time.  This error seems to 
occur because there is an onmouseout event defined for the containing div.  If 
you remove that event handler, the items highlight/unhighlight correctly.  See 
http://home.comcast.net/~jhowe/firefox2.html.  This file is identitical to the 
first example with the exception of the removal of the onmouseout handler 
associated with the main div.

Comment 1

[The 8472]

Attachment: Testcase

Hover over the first outer div -> the inner one appears
Leave the outer one on the top edge -> the inner one disappears

Leave the outer one on the bottom edge -> the inner one does not disappear, now
reenter and leave it and it will disappear

Try the same on the second inner/outer pair and the onmouseout will be triggert
correctly, UNLESS you move out very fast.

Tested with:
Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0

Comment 2

[Boris Zbarsky [:bzbarsky]]

This worksforme in a current trunk Linux build.

Reporter, could you retest a trunk build?  Firefox 1.0 is using a layout engine
from back in April....

Comment 3

[James Howe]

The latest trunk build seems to work properly under Windows as well.

Comment 4

[Boris Zbarsky [:bzbarsky]]

Marking worksforme per comments.