0 Replies Latest reply on Aug 15, 2013 10:40 AM by Marcus_Tardif

    MouseOver/MouseOut Timing Issue

    Marcus_Tardif

      I'm having an issue with my MouseOut events not firing if the MouseOver is done too quickly. Does anyone have a workaround for this?

       

      Details

      I have a menu (shown below) that consists of 8 separate symbols. Each symbol has a MouseOver and MouseOut event to make the buttons look like this when you hover (the mouse in this pic is over the Pricing button):

       

      Screen Shot 2013-08-15 at 1.29.36 PM.png

      I'm using the following two handlers:

      - MouseOver - sym.play("in");

      - MouseOut - sym.playReverse("out");

       

      Screen Shot 2013-08-15 at 1.36.10 PM.png

       

      The above code works well if you move the mouse over each menu symbol and allow enough time for the MouseOver transition to happen. But if you quickly run the mouse over each button (quicker than the MouseOver transition), the MouseOut events never fire leaving the menu looking like this (I quickly ran the mouse over the first 5 menu items):

       

      Screen Shot 2013-08-15 at 1.30.12 PM.png

      Any thoughts on how to force the MouseOut events to fire even if the MouseOver transitions haven't totally completed? Thanks!