menu: hover issue when moving quickly in and out of sub menus

[kvkv]

@dremie
Actual Behavior:

• What is the issue? * mouse hover on menu , it is working fine. If we go to another menu (immediately or fast) hover sometimes previous submenu is not closed
• What is the expected behavior? If we go to another menu , previous submenu should be closed

CodePen (or steps to reproduce the issue): *

• CodePen Demo which shows your issue: I created the same issue in codepen.
• Details: codepen Demo for the issue

AngularJS Versions: *

• AngularJS Version: 1.3
• AngularJS Material Version:1.1.5

Additional Information:

• Browser Type: * All browsers
• Browser Version: * All versions
• OS: * All OS
• Stack Traces:
  

[Splaktar]

Are you seeing this previous menu not closing temporarily or permanently? I do see some overlap and momentary animation issues, but after less than 1s it stabilizes and the previous menu is closed. Are you seeing the previous menu stay open for more than 1s?

[JamesPJ]

Same issue is reproducible in Angular Material 1.1.4
The previous menu will close with the current menu.

[kvkv]

@Splaktar

Previous menu stay open more than 1s( not closing, current and previous menu both are visible). Previous menu is closing with the current menu. It is not coming always but reproduce easily.

I gave the codepen example. Please check the issue on the coedpen example. We can reproduce the issue easily. Go fast one menu to other menu. after some time it should be reprodue.

[JamesPJ]

I've fixed the issue here JamesPJ@e31ea91#diff-0b064159db8aac9de4c48b1927b24731

And the updated codepen https://codepen.io/Skybuzz/pen/ZvyEKe

Update: Tested

[Splaktar]

@JamesPJ I am not able to run the CodePen you posted as the links to your js/css files don't work. However, I would love to check out your changes if you could post a PR!