Firefox overflow hidden prohibits event firing on other elements
June 19th, 2006 by
Marius Hanganu in
HTML, Javascript
It seems that for Firefox, the style overflow hidden stops firing onmousemove or onmouseover events. Not sure if there is any standard for this behavior and if Firefox implements it or not. My guess is that there’s probably no standard, or if it is, it should be changed. Take a look at this small demo.
The demo page handles onmousedown, onmouseup, onmousemove, onmouseover events. What it happens basically is that when you have two DIVs with NO overflow hidden style, the events are fired correctly (onmouseover when moving your mouse over each one of the DIVs, onmousemove when moving the mouse over each DIV).
But when setting overflow=hidden, suddenly onmousemove and onmouseover are no longer fired when moving your mouse over the other DIV. Instead, Firefox keeps firing onmousemove with the same source, no matter where you are on the page.
Not too many references on this on the web. Just a question on dojo’s mailing list about it: http://dojotoolkit.org/pipermail/dojo-interest/2006-April/007137.html
June 20th, 2006 at 11:18 am
[...] Tremend Tech Blog The best scientists are poets, the real engineer is an artist (Sue Birchmore) « Firefox overflow hidden prohibits event firing on other elements [...]
April 25th, 2007 at 1:07 am
I know this is an old post, but I want to add that as of April 24, 2007, this problem still exists in both Firefox 1.5 and Firefox 2.0