[fixed] if tabbable element is undefined, focus head or tail based on…

… shiftKey
reactjs · Sep 27, 2018 · 1b561fc · 1b561fc
1 parent 86632aa
commit 1b561fc
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/helpers/scopeTab.js b/src/helpers/scopeTab.js
@@ -63,8 +63,13 @@ export default function scopeTab(node, event) {
   }
 
   // If the tabbable element does not exist,
-  // let the browser control the focus
-  if (typeof tabbable[x] === "undefined") return;
+  // focus head/tail based on shiftKey
+  if (typeof tabbable[x] === "undefined") {
+    event.preventDefault();
+    target = shiftKey ? tail : head;
+    target.focus();
+    return;
+  }
 
   event.preventDefault();