405144 - Mouseout fires incorrectly and with wrong PageY coords and wrong relatedTarget

Status: RESOLVED WORKSFORME

(Core :: DOM: Events, defect)

Description

[Jake Olefsky]

Please see the attached url for a reduced testcase.  

I would like to use javascript to reveal a hidden element and then hide that element when the user moves their mouse outside of it. Many sites use this to make submenus. 

Unfortunately, the javascript mouseOut event is firing as soon as any mouse movement occurs, even if that movement remains inside the element.  Furthermore, the 'relatedTarget', 'PageX' and 'PageY' values are incorrectly set.  

It appears to me that the problem has something to do with relative vs absolute mouse coordinates because the PageX and PageY values are not set correctly. PageX and PageY are supposed to be with reference to the page, but they are being set in reference to the element. When the mouse moves, Firefox is taking the relative mouse coordinates (top left=element) and using them to find the element at that position in the absolute reference frame (top left=page). Naturally, this located element will be outside our box and so Firefox fires the MouseOut with 'relatedTarget' set to the element found in absolute reference.

If I am correct, the fix would be to have Firefox correctly set PageX and PageY and to use these correct values to do the lookup to determine if we are outside the related container.

I am using Firefox 3b1 on Mac OS X 10.5.1 (Leopard). It works in Firefox 2.

Comment 1

[Jake Olefsky]

I just tested this on a PC and could not get it to misbehave, so it must be a
Mac only bug.  Therefor, I am switching the Component to "OS Integration".

Comment 2

[Jake Olefsky]

Seems to be fixed with b3.