Test case for jQuery Ticket 8308

FF / Chrome (Webkit?) bug not firing mouseover/mouseout when a disabled element comes into play

by jitter

HTML

<p>Move mouse vertically down over and out of the disabled select field.</p>
<p>Then try again, but move down further to the right without going over the select field.</p>
<p>Btw. I starts working if you enable the select</p>
<p>Start here. (Check console)</p>
<div id="one">
    <select disabled>
        <option>foo</option>
    </select>
</div>

CSS

body {
    border: 1px solid red;
}
* {
    margin: 0px;
}

JavaScript

function log( e ) {
    console.log( e.type, e.relatedTarget );
}

var div = document.getElementById("one");

if( div.addEventListener ) {
    div.addEventListener( "mouseover", log, false );
    div.addEventListener( "mouseout", log, false );
} else {
    div.attachEvent( "mouseover", log );
    div.attachEvent( "mouseout", log );
}