From 0fa96d54abb0aabe1ed58d500eb9a6da0369b1d7 Mon Sep 17 00:00:00 2001
From: snaumets <snaumets@gmail.com>
Date: Fri, 19 Feb 2016 17:08:11 -0800
Subject: [PATCH] fix(handleMenuItemHover): allow any mdButton to be a
 focusableTarget

Allow any mdButton element (`<button>` or `<a>` tag) to take focus when it is hovered over.
Previously, only a non-disabled button could be a focusable target when being hovered over.
Now, any non-disabled element with the md-button class can be a focusable target and take focus.

This fix closes issue https://github.com/angular/material/issues/7220.

  Closes #7221
---
 src/components/menu/js/menuController.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/menu/js/menuController.js b/src/components/menu/js/menuController.js
index 78f269e2356..c279384d724 100644
--- a/src/components/menu/js/menuController.js
+++ b/src/components/menu/js/menuController.js
@@ -92,7 +92,7 @@ function MenuController($mdMenu, $attrs, $element, $scope, $mdUtil, $timeout, $r
         nestedMenu.open();
       }
     }, nestedMenu ? 100 : 250);
-    var focusableTarget = event.currentTarget.querySelector('button:not([disabled])');
+    var focusableTarget = event.currentTarget.querySelector('.md-button:not([disabled])');
     focusableTarget && focusableTarget.focus();
   };