Material: menu-bar: multiple nested menus can overlap each other if the mouse is moved quickly

[srikanthpullela]

Reproduction

Steps to reproduce:

1. mouse over on the md-menu-content list and move the mouse bit fast
2. I was able to reproduce in https://material.angularjs.org/latest/demo/menuBar

Expected Behavior

What behavior were you expecting to see?

It should show a single sub-menu at once, Due to this, the other sub-menu behind not getting closed when the user interacted with the actual sub-menu.
after that when I open same list and mouse over its getting closed automatically.

Actual Behavior

What behavior did you actually see?

Environment

• Angular: "angular": "^1.6.5",
• CDK/Material: "angular-material": "^1.1.4",
• Browser(s): Chrome Version 78.0.3904.108
• Operating System (e.g. Windows, macOS, Ubuntu): macOs

[crisbeto]

Looks like an issue with Angular.js Material. I'm transferring this to the correct repo.

[Splaktar]

I can reproduce this with 1.1.21 if I move the mouse quickly through the nested menus.