From 81531a43d335e01867ee39c9baf2acdb6d4e5573 Mon Sep 17 00:00:00 2001
From: Taylor Kimmett <taylor@cognitoforms.com>
Date: Wed, 15 Jul 2020 15:47:33 -0400
Subject: [PATCH] feat: tab key selects option and closes picker to mirror
 native select

---
 packages/select/src/select.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/select/src/select.vue b/packages/select/src/select.vue
index 7ee665bea3..9dce8da5ab 100644
--- 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;
       },