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 );
}

$("#one").hover( log );