used in elements that contain tabindex (#1)

ShawnLee2018 · bartsidee · commit e8a98da844d7 · 2018-06-23T18:59:15.000+02:00
* used in elements that contain tabindex
diff --git a/src/focus.directive.ts b/src/focus.directive.ts
@@ -124,8 +124,8 @@ export class FocusElement {
         } catch (e) {}
       }
     }
-    // set 'native' browser focus on input elements
-    if (this.$el && (this.$el.nodeName === "INPUT" || this.$el.nodeName === "TEXTAREA")) this.$el.focus();
+    // set 'native' browser focus on input elements and focusable elements.
+    if (this.$el && ( this.$el.tabIndex !== -1 || this.$el.nodeName === "INPUT" || this.$el.nodeName === "TEXTAREA")) this.$el.focus();
   }
 
   // remove focus from element

Original file line number	Diff line number	Diff line change
`@@ -124,8 +124,8 @@ export class FocusElement {`
`124`	`124`	`} catch (e) {}`
`125`	`125`	`}`
`126`	`126`	`}`
`127`		`- // set 'native' browser focus on input elements`
`128`		`- if (this.$el && (this.$el.nodeName === "INPUT" \|\| this.$el.nodeName === "TEXTAREA")) this.$el.focus();`
	`127`	`+ // set 'native' browser focus on input elements and focusable elements.`
	`128`	`+ if (this.$el && ( this.$el.tabIndex !== -1 \|\| this.$el.nodeName === "INPUT" \|\| this.$el.nodeName === "TEXTAREA")) this.$el.focus();`
`129`	`129`	`}`
`130`	`130`
`131`	`131`	`// remove focus from element`