fix(tabs): tabbing into tabs component requires an extra tab key press (#11633)

Splaktar · jelbourn · commit 704e259d3d02 · 2019-02-08T13:06:37.000-08:00
Fixes #11632
diff --git a/src/components/tabs/js/tabsController.js b/src/components/tabs/js/tabsController.js
@@ -702,8 +702,9 @@ function MdTabsController ($scope, $element, $window, $mdConstant, $mdTabInkRipp
    */
   function redirectFocus () {
     ctrl.styleTabItemFocus = ($mdInteraction.getLastInteractionType() === 'keyboard');
-    if (ctrl.focusIndex > 0) {
-      getElements().tabs[ctrl.focusIndex].focus();
+    var tabToFocus = getElements().tabs[ctrl.focusIndex];
+    if (tabToFocus) {
+      tabToFocus.focus();
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -702,8 +702,9 @@ function MdTabsController ($scope, $element, $window, $mdConstant, $mdTabInkRipp`
`702`	`702`	`*/`
`703`	`703`	`function redirectFocus () {`
`704`	`704`	`ctrl.styleTabItemFocus = ($mdInteraction.getLastInteractionType() === 'keyboard');`
`705`		`- if (ctrl.focusIndex > 0) {`
`706`		`- getElements().tabs[ctrl.focusIndex].focus();`
	`705`	`+ var tabToFocus = getElements().tabs[ctrl.focusIndex];`
	`706`	`+ if (tabToFocus) {`
	`707`	`+ tabToFocus.focus();`
`707`	`708`	`}`
`708`	`709`	`}`
`709`	`710`