Mouseover/mouseout events in Firefox and textareas
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Hi all,<div>This isn't so much a jQuery issue as it seems to be a Firefox issue, but this is more or less to see if any of you have run across it, if it's something jQuery should compensate for (like it does for safari and IE quirks) or if anyone knows what's going on.</div><div>
</div><div>Essentially, when you have a positioned div sitting over a textarea, if the mouse is inside of a textarea immediately <b>before</b> or <b>after</b> a mouseover/mouseout event, the event doesn't get fired.</div><div>However, the weird part is that this seems to only happen for attached events, and not when writing the events inline (in either the HTML attributes, or setting the event properties on the objects).</div><div>
</div><div>I've set up two tests pages: <a href="http://alterform.com/dev/textarea-event-test.html">http://alterform.com/dev/textarea-event-test.html</a> and <a href="http://alterform.com/dev/textarea-event-test-inline.html">http://alterform.com/dev/textarea-event-test-inline.html</a></div><div>
</div><div>Do replicate, put load it in Firefox, put your mouse over the textarea and move over the red box, then move out while keeping your mouse in the textarea. If you do this in any other browser, you'll see a log of the events on the right.</div><div>In fact, if you do the same thing on the second page, with the inline events, it fires properly.</div><div>
</div><div>I also tested in Firefox Beta 5, and it's not fixed in there either. Perhaps it's such an edge case that it's not worth the code in the library side, but I was curious if anyone, perhaps anyone who is familiar with the Mozilla engine (*cough*John*cough* ;) ) would know if this is a by product of something else, or if I'm just perhaps an idiot and this has already been covered :)</div><div>
</div><div>Thanks all,</div><div><div apple-content-edited="true"> <span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Lucida Grande'; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><b><br class="Apple-interchange-newline">Nate Cavanaugh</b></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; ">++ <a href="http://alterform.com">http://alterform.com</a></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; ">++ <a href="http://shift22.com/">http://shift22.com/</a></div></div><div><br class="webkit-block-placeholder"></div></div></span><br class="Apple-interchange-newline"></span><br class="Apple-interchange-newline"> </div>
</div>