in normal mode, if there is a single tag and while the dropdown is op…

…en the tag's `x` button is clicked, then the component should be re-focused
yairEO · Nov 23, 2024 · 9743bab · 9743bab
1 parent b39985c
commit 9743bab
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/parts/events.js b/src/parts/events.js
@@ -147,8 +147,8 @@ export default {
         onFocusBlur(e){
             // when focusing within a tag which is in edit-mode
             var _s = this.settings,
-                nodeTag = isWithinNodeTag.call(this, e.target),
-                targetIsTagNode = isNodeTag.call(this, e.target),
+                nodeTag = isWithinNodeTag.call(this, e.relatedTarget),
+                targetIsTagNode = isNodeTag.call(this, e.relatedTarget),
                 isTargetXBtn = e.target.classList.contains(_s.classNames.tagX),
                 isFocused = e.type == 'focusin',
                 lostFocus = e.type == 'focusout';
@@ -157,6 +157,10 @@ export default {
             // and not the X button or any other custom element thatmight be there
             // var tagTextNode = e.target?.closest(this.settings.classNames.tagTextSelector)
 
+            if(isTargetXBtn && _s.mode != 'mix') {
+                this.DOM.input.focus()
+            }
+
             if( nodeTag && isFocused && (!targetIsTagNode) && !isTargetXBtn) {
                 this.toggleFocusClass(this.state.hasFocus = +new Date())
 
@@ -192,12 +196,13 @@ export default {
             // should only loose focus at this point if the event was not generated from within a tag
             if( isFocused || nodeTag ) {
                 this.state.hasFocus = +new Date()
-                this.toggleFocusClass(this.state.hasFocus)
             }
             else {
                 this.state.hasFocus = false;
             }
 
+            this.toggleFocusClass(this.state.hasFocus)
+
             if( _s.mode == 'mix' ){
                 if( isFocused ){
                     this.trigger("focus", eventData)