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):
I'm using the following two handlers:
- MouseOver - sym.play("in");
- MouseOut - sym.playReverse("out");
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):
Any thoughts on how to force the MouseOut events to fire even if the MouseOver transitions haven't totally completed? Thanks!