Hi Kevin... Not sure which version of moo your using, but I had this exact same problem with 1.2 (haven't tried with 1.2.1). The following post by another group member solved my problem:
http://groups.google.com/group/mootools-users/browse_thread/thread/7d827900fe34bbf4/5bd3f977f222d4e4?lnk=gst&q=select+mouseenter#5bd3f977f222d4e4 b On Mar 9, 10:16 am, ksheurs <[email protected]> wrote: > also i am using firefox 3.0.6 on a mac. > > safari seams to work correctly. > > On Mar 9, 10:14 am, ksheurs <[email protected]> wrote: > > > from the docs on mouseleave: "This event fires when the mouse leaves > > the area of the DOM Element and will not be fired if the mouse crosses > > over children of the Element (unlike mouseout)." > > > this is just the case with my example, except when i have a <select> > > element with <option>'s as a child element. the mouseleave event on > > the parent div is fired when i try to move my mouse over the options > > dropdown. > > > code example: > > > <div id="product" style="width:200px; height:200px;"> > > <div id="details" class="details" style="display:none; height: > > 200px;"> > > <h1>Example</h1> > > <select> > > <option>Color</option> > > <option>Red</option> > > <option>Blue</option> > > <option>Green</option> > > </select> > > </div> > > </div> > > > <script type="text/javascript"> > > window.addEvent('domready', function() { > > $('product').addEvents({ > > 'mouseenter': function() { > > $('details').show(); > > }, > > 'mouseleave': function() { > > $('details').hide(); > > } > > }); > > }); > > </script> > > > i have tried to capture the event and see if the target is the select, > > but the results are quite inconsistent. ive also tried removing the > > mouseleave event on select focus, and re-adding it on blur, but again > > this only work if the user fully blur's from that element before > > leaving the parent div. > > > any help would be greatly appreciated! > > > thanks, > > kevin
