Merge pull request #37 from cognitoforms/tab-selects-option

feat: tab key selects option and closes picker to mirror native select
cognitoforms · Jul 17, 2020 · 5bbc49c · 5bbc49c
2 parents 87e3e22 + 81531a4
commit 5bbc49c
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/select/src/select.vue b/packages/select/src/select.vue
@@ -62,7 +62,7 @@
         @keydown.enter.prevent="selectOption"
         @keydown.esc.stop.prevent="visible = false"
         @keydown.delete="deletePrevTag"
-        @keydown.tab="visible = false"
+        @keydown.tab="handleTabKey"
         @compositionstart="handleComposition"
         @compositionupdate="handleComposition"
         @compositionend="handleComposition"
@@ -540,6 +540,10 @@
       },
 
       handleTabKey(e) {
+        if (this.visible) {
+          e.preventDefault();
+        }
+        this.selectOption(e);
         this.visible = false;
       },