264646 - onmouseout on img not working with image map covering img

Status: RESOLVED INVALID

(Core :: DOM: Events, defect)

Description

[Alan Burkhart]

User-Agent:       Mozilla/5.0 (Windows; U; Win98; rv:1.7.3) Gecko/20041001 Firefox/0.10.1
Build Identifier: Mozilla/5.0 (Windows; U; Win98; rv:1.7.3) Gecko/20041001 Firefox/0.10.1

I'm building a new page (http://www.alanburkhart.com/funny/funnyhome.html) and
it includes a mapped image (thumbnail image left of first paragraph). Each area
of the mapped image triggers a javascript (onmouseover) to change the image.
This part works fine. The image map is SUPPOSED to return to the original when
the pointer is move away (onmouseout), but instead the last "new" image remains.
This problem does not occur with IE 6. Please do feel free to look at the code
of the page if you need to.

Reproducible: Always
Steps to Reproduce:
1. Just open the page and move the mouse around the ridiculous image of me in
the first paragraph. http://www.alanburkhart.com/funny/funnyhome.html
2. Move the mouse pointer away from the image after it changes.
3.

Actual Results:  
The last "onmouseover" image remains

Expected Results:  
The original image should have displayed when onmouseout occurred.

about:buildconfig

Build platform
target
i686-pc-cygwin

Build tools
Compiler 	Version 	Compiler flags
$(CYGWIN_WRAPPER) cl 	12.00.8804 	-TC -nologo -W3 -nologo -Gy -Fd$(PDBFILE)
$(CYGWIN_WRAPPER) cl 	12.00.8804 	-TP -nologo -W3 -nologo -Gy -Fd$(PDBFILE)

Configure arguments
--disable-ldap --disable-mailnews
--enable-extensions=cookie,xml-rpc,xmlextras,pref,transformiix,universalchardet,webservices,inspector,gnomevfs,negotiateauth
--enable-crypto --disable-composer --enable-single-profile
--disable-profilesharing --enable-optimize --disable-debug --disable-tests
--enable-static --disable-shared --enable-official-branding

Comment 1

[Tuukka Tolvanen (sp3000)]

confirmed linux firefox aviary 20041011. Workaround: put onmouseout="orig()" on
the <map> instead.

Comment 2

[Tuukka Tolvanen (sp3000)]

Attachment: testcase

Mouse over image changes image. Mouse out from image should restore original
undistorted image. Does not work with linux seamonkey 1.8a4 either. Does work
if you put a border on the image and touch that on the way out of the image.

Comment 3

[Daniel Kabs, reporting bugs since 2002]

Mozilla 1.6 Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.6) Gecko/20040113

Confirmed! The testcase does not revert to the original image when mouse leaves
the image.

I like this testcase very much. Would anybody with adequate access rights please
add the keyword "clean-report" and "funniestTestcaseEver" :-)

Comment 4

[Boris Zbarsky [:bzbarsky]]

The mouse events are dispatched to the <area> elements.  The image never sees
them.  As far as Mozilla is concerned, the mouse is never even over the image,
since the <area>s completely cover the image.

It's the same as if you put a div on top of the image covering it.  Hovering
that div wouldn't hover the image.

So I'm tempted to mark this invalid.  I'm pretty sure that if you put your
mouseout handler on the <map> it will work right.

Comment 5

[Tuukka Tolvanen (sp3000)]

> So I'm tempted to mark this invalid.  I'm pretty sure that if you put your
> mouseout handler on the <map> it will work right.

It does indeed, I suggested that in comment 2 and and the original page has been
changed to do just that..

Comment 6

[Daniel Kabs, reporting bugs since 2002]

Attachment: testcase changed (see comment)

Moved the onmouseout from the <img> to the <area> elements.

Comment 7

[Daniel Kabs, reporting bugs since 2002]

Testcase (the "changed" one with mouseout handler on the <map> element) does not
exhibit the bug on

- Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.11) Gecko/20050728
- Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9a1) Gecko/20050829 Firefox/1.6a1

so this is now WFM.