Fix Tab key after click

Tab key didn't work after you select a suggestion with mouse because the input lose focus
yairEO · Dec 21, 2024 · cbb6864 · cbb6864
1 parent bc105a5
commit cbb6864
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/parts/events.js b/src/parts/events.js
@@ -279,9 +279,10 @@ export default {
                 isBelong = withinTag && this.DOM.scope.contains(focusedElm),
                 isInputNode = focusedElm === this.DOM.input,
                 isReadyOnlyTag = isBelong && focusedElm.hasAttribute('readonly'),
+                tagText = this.DOM.scope.querySelector('.' + this.settings.classNames.tagText),
                 nextTag;
 
-            if( !this.state.hasFocus && (!isBelong || isReadyOnlyTag) || isInputNode ) return;
+            if( !(e.key === 'Tab' && this.state.dropdown.visible) && !this.state.hasFocus && (!isBelong || isReadyOnlyTag) || isInputNode ) return;
 
             nextTag = focusedElm.nextElementSibling;
 
@@ -316,6 +317,11 @@ export default {
                         this.dropdown.show()
                     break;
                 }
+
+                case 'Tab': {
+                    tagText?.focus();
+                    break;
+                }
             }
         },