Delete key, focus/blur and dropdown improvements for select mode with userInput

src/parts/suggestions.js

@@ -295,15 +295,6 @@ export default {
             isMixMode = _s.mode == 'mix',
             tagData = this.suggestedListItems.find(item => (item.value ?? item) == value)
 
-        // select mode: reset the dropdown to show all options again to the user
-        if(_s.mode == 'select' && !this.state.composing && this.userInput) {
-            setTimeout(() => {
-                setTimeout(() => closeOnSelect ? this.dropdown.hide() : this.dropdown.show(), 0)
-                this.DOM.scope.querySelector('.' + _s.classNames.tagText).focus() //set the focus back to input on each select to ensure consistent behavior
-            }, 0)
-            return;
-        }
-
         // The below event must be triggered, regardless of anything else which might go wrong
         this.trigger('dropdown:select', {data:tagData, elm, event})
 
@@ -332,6 +323,10 @@ export default {
             this.toggleFocusClass(true)
         })
 
+        // select mode: reset the dropdown to show all options again to the user
+        if(_s.mode == 'select' && !this.state.composing && this.userInput)
+            setTimeout(() => this.DOM.scope.querySelector('.' + _s.classNames.tagText).focus(), 0) //set the focus back to input on each select to ensure consistent behavior 
+
         closeOnSelect && setTimeout(this.dropdown.hide.bind(this))
 
         // execute these tasks once a suggestion has been selected

src/tagify.js

@@ -648,7 +648,6 @@ Tagify.prototype = {
             this.removeTags(tagElm)
 
         this.trigger("edit:updated", eventData)
-        this.dropdown.hide()
 
         // check if any of the current tags which might have been marked as "duplicate" should be now un-marked
         if( this.settings.keepInvalidTags )