fix(navbar): fix navbar focus on click

add a $timeout that will allow enough time for the click event to
complete so the focus event can properly evaluate

Fixes: angular#11591

src/components/navBar/navBar.js

@@ -493,10 +493,11 @@ MdNavBarController.prototype.onKeydown = function(e) {
  * @param $$rAF
  * @param $mdUtil
  * @param $window
+ * @param $timeout
  * @constructor
  * @ngInject
  */
-function MdNavItem($mdAria, $$rAF, $mdUtil, $window) {
+function MdNavItem($mdAria, $$rAF, $mdUtil, $window, $timeout) {
   return {
     restrict: 'E',
     require: ['mdNavItem', '^mdNavBar'],
@@ -591,7 +592,9 @@ function MdNavItem($mdAria, $$rAF, $mdUtil, $window) {
 
         navButton.on('focus', function() {
           if (!mdNavBar.getFocusedTab()) {
-            mdNavBar.onFocus();
+            $timeout(function () {
+              mdNavBar.onFocus();
+            },200);
           }
         });
 

src/components/navBar/navBar.spec.js

@@ -183,6 +183,17 @@ describe('mdNavBar', function() {
       expect($scope.selectedTabRoute).toBe('tab2');
     });
 
+    it('should add the md-focused class when focused', function () {
+      $scope.selectedTabRoute = 'tab1';
+      createTabs();
+      var tab2Ctrl = getTabCtrl('tab2');
+      angular.element(tab2Ctrl.getButtonEl()).triggerHandler('focus');
+      angular.element(tab2Ctrl.getButtonEl()).triggerHandler('click');
+      $scope.$apply();
+      $timeout.flush();
+      expect(tab2Ctrl.getButtonEl().classList.contains('md-focused')).toBe(true);
+    });
+
     it('adds ui-sref-opts attribute to nav item when sref-opts attribute is ' +
         'defined', function() {
           create(