Material: menu-bar: opening on mouse hover

[Latrisha]

I'm using md-menu-bar to show a menu and the sub-menu with some nested sub-menu. I've added ng-click event to open the submenu. But the menu is still opening on mouse hover. How can I fix it?

[topherfangio]

Can you please provide a Codepen which demonstrates the issue?

[Latrisha]

It's something like md-menu-bar demo. And I understand, that it's regular behaviour when submenu is opened on hover, but it's a little bit inconvenient for my needs. And there is problem with it on smartphone. When I open one of submenus and then try to open another one, the second one doesn't close. It's seen on attached screenshot.

[topherfangio]

What smartphone/browser are you using that is causing issues. We can take a look.

[Latrisha]

Samsung Galaxy S4, Android 5.0.1, Google Chrome 49.0.2623.105

[topherfangio]

Thanks for the additional info; definitely see the issue!

[Latrisha]

Thanks a lot!

[ThomasBurleson]

This issue is closed as part of our ‘Surge Focus on Material 2' efforts.
For details, see our forum posting @ http://bit.ly/1UhZyWs.

[dremie]

My workaround:

<md-menu ng-repeat="a in $ctrl.actions" ng-mouseover="$ctrl.mouseover($event)">
<!-- menu stuff -->
</md-menu>

$ctrl.mouseover = function ($event) {
      // Prevent adjacent menus opening on mouseover
      $event.stopImmediatePropagation();
    };

[PlugaruT]

@dremie, you saved me :+1:

[kvkv]

@dremie
Hi , I have the similar issue on the md menu hover but some changes are there. I created issue on github. Please give solution for the issue. I am giving github link below
codepen link codepen link
link