1252047 - changing a div's position from relative to fixed, when it containes an iframe, stops generating mouseover/mouseout events

Status: RESOLVED DUPLICATE of bug 872559

(Core :: DOM: Events, defect)

Description

[john]

Attachment: iFrameProblem.html

User Agent: Mozilla/5.0 (X11; Linux i686 on x86_64; rv:44.0) Gecko/20100101 Firefox/44.0
Build ID: 20160210153822

Steps to reproduce:

Attached is a file that demonstrates the problem
1) put the mouse in the blue box
2) the box fills the view port and turns green
4) moving mouse in and out of the window should cause it to toggle between green and blue



Actual results:

Only one transition occured, once the mouseout event occures (box turns back to blue) no more mouseover/mouseout events are generated.


Expected results:

The size change is caused by changing the parent div's position from absolute to fixed.
You should be able to cause the small box change colour repeatedly
It relies on the mouseover event to trigger the change.
This works in Chrome, Internet Explorer and Edge (latest versions) on Windows 8.1
and Safari and Chrome on OSX El Capitan.
The same problem occures when switching off the page scroll bars (the variable hideScrollBars in the attached file toggles between the 2 problems)

Comment 1

[Andrew Overholt [:overholt]]

I think this is a dupe of bug 872559. Can you verify?

Comment 2

[john]

Yes I think it is.
My test case has a div which is sinking the mouseover/mouseout events and it contains the iframe.

I have tried changing the position on the mouseout, still the same problem.
Using setTimeout to delay the change after the mouse event has been processed has no effect either.

Leaving the style.position unchanged BUT changing the style.overflow to hidden also gives the same problem.

Enabling the border on the iframe (frameborder="1") seems to allow the events to work.

Comment 3

[Andrew Overholt [:overholt]]

Thanks, I'll reference that info in bug 872559.