title: Angular material menu opening on mouse hover
body: <p>I'm using Angular Material menubar to show a menu and the sub menu under each menu item. I've added ng-click event to open the submenu. But the menu is still opening on mouse hover on the parent menu item. Not only this, as I have two sub menus, for the first submenu item, the submenu is opening on mouse hover but the second submenu is not opening on mouse hover. How i can stop this menu opening on mouse over. I tried to stop event propagation on mouseenter on the parent menu item. But then at the time of opening second submenu the first submenu is not being hidden. Please help me how to fix it.</p>
  
  <pre><code>&lt;div ng-controller="DemoBasicCtrl as ctrl" ng-cloak="" class="menuBardemoBasicUsage" ng-app="MyApp"&gt;
  
      &lt;md-menu-bar&gt;
        &lt;md-menu&gt;
          &lt;button ng-click="$mdOpenMenu()"&gt;
            File
          &lt;/button&gt;
          &lt;md-menu-content&gt;
            &lt;md-menu-item&gt;
              &lt;md-menu&gt;
                &lt;md-button ng-click="$mdOpenMenu()"&gt;New&lt;/md-button&gt;
                &lt;md-menu-content&gt;
                  &lt;md-menu-item&gt;&lt;md-button ng-click="ctrl.sampleAction('New Document', $event)"&gt;Document&lt;/md-button&gt;&lt;/md-menu-item&gt;
                &lt;/md-menu-content&gt;
              &lt;/md-menu&gt;
            &lt;/md-menu-item&gt;
                          &lt;md-menu-item&gt;
              &lt;md-menu&gt;
                &lt;md-button ng-click="$mdOpenMenu()"&gt;New&lt;/md-button&gt;
                &lt;md-menu-content&gt;
                  &lt;md-menu-item&gt;&lt;md-button ng-click="ctrl.sampleAction('New Document', $event)"&gt;Document&lt;/md-button&gt;&lt;/md-menu-item&gt;
                &lt;/md-menu-content&gt;
              &lt;/md-menu&gt;
            &lt;/md-menu-item&gt;
  
          &lt;/md-menu-content&gt;
        &lt;/md-menu&gt;
  
      &lt;/md-menu-bar&gt;
  </code></pre>
  
  <p> </p>
  
  <p>My existing demo code is at <a href="http://codepen.io/sapphire_indranil/pen/qOYxyJ" rel="noreferrer">demo</a>. </p>