Fix tab focus

* Fixes #1234 * Fixes #1209 (comment)
Choices-js · Dec 20, 2024 · cd677b1 · cd677b1
1 parent a127f82
commit cd677b1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/scripts/choices.ts b/src/scripts/choices.ts
@@ -1603,7 +1603,17 @@ class Choices {
       (event.key.length === 2 && event.key.charCodeAt(0) >= 0xd800) ||
       event.key === 'Unidentified';
 
-    if (!this._isTextElement && !hasActiveDropdown) {
+    /*
+      We do not show the dropdown if the keycode was tab or esc
+      as these one are used to focusOut of e.g. select choices.
+      An activated search can still be opened with any other key.
+     */
+    if (
+      !this._isTextElement &&
+      !hasActiveDropdown &&
+      keyCode !== KeyCodeMap.ESC_KEY &&
+      keyCode !== KeyCodeMap.TAB_KEY
+    ) {
       this.showDropdown();
 
       if (!this.input.isFocussed && wasPrintableChar) {

diff --git a/src/scripts/interfaces/keycode-map.ts b/src/scripts/interfaces/keycode-map.ts
@@ -1,4 +1,5 @@
 export const KeyCodeMap = {
+  TAB_KEY: 9,
   BACK_KEY: 46,
   DELETE_KEY: 8,
   ENTER_KEY: 13,