Fix for the focus problem (bug KazanExpress#453)

Author: tbl0605

dist/cjs.js

@@ -75,7 +75,6 @@ function _await(value, then, direct) {
   }return result;
 }function _finally(body, finalizer) {
   try {
-
     var result = body();
   } catch (e) {
     return finalizer();
@@ -527,17 +526,23 @@ function _await(value, then, direct) {
       }
     },
     suggestionClick: function suggestionClick(suggestion, e) {
+      var _this8 = this;
+
       this.$emit('suggestion-click', suggestion, e);
       this.select(suggestion);
 
       if (!this.preventHide) this.hideList();
 
-      /// Ensure, that all needed flags are off before finishing the click.
-      this.isClicking = false;
+      if (this.isClicking) {
+        setTimeout(function () {
+          _this8.inputElement.focus();
+
+          /// Ensure, that all needed flags are off before finishing the click.
+          _this8.isClicking = false;
+        }, 0);
+      }
     },
     onBlur: function onBlur(e) {
-      var _this8 = this;
-
       if (this.isInFocus) {
 
         /// Clicking starts here, because input's blur occurs before the suggestionClick
@@ -551,9 +556,6 @@ function _await(value, then, direct) {
           this.$emit('blur', e);
         } else if (e && e.isTrusted && !this.isTabbed) {
           this.isFalseFocus = true;
-          setTimeout(function () {
-            _this8.inputElement.focus();
-          }, 200);
         }
       } else {
         this.inputElement.blur();
@@ -573,7 +575,9 @@ function _await(value, then, direct) {
       // Show list only if the item has not been clicked (isFalseFocus indicates that click was made earlier)
       if (!this.isClicking && !this.isFalseFocus) {
         this.showSuggestions();
-      }this.isFalseFocus = false;
+      }
+
+      this.isFalseFocus = false;
     },
     onInput: function onInput(inputEvent) {
       var value = !inputEvent.target ? inputEvent : inputEvent.target.value;

dist/es6.js

@@ -69,7 +69,6 @@ function _await(value, then, direct) {
   }return result;
 }function _finally(body, finalizer) {
   try {
-
     var result = body();
   } catch (e) {
     return finalizer();
@@ -498,8 +497,14 @@ function _await(value, then, direct) {
 
       if (!this.preventHide) this.hideList();
 
-      /// Ensure, that all needed flags are off before finishing the click.
-      this.isClicking = false;
+      if (this.isClicking) {
+        setTimeout(() => {
+          this.inputElement.focus();
+
+          /// Ensure, that all needed flags are off before finishing the click.
+          this.isClicking = false;
+        }, 0);
+      }
     },
     onBlur(e) {
       if (this.isInFocus) {
@@ -515,9 +520,6 @@ function _await(value, then, direct) {
           this.$emit('blur', e);
         } else if (e && e.isTrusted && !this.isTabbed) {
           this.isFalseFocus = true;
-          setTimeout(() => {
-            this.inputElement.focus();
-          }, 200);
         }
       } else {
         this.inputElement.blur();
@@ -542,7 +544,9 @@ function _await(value, then, direct) {
       // Show list only if the item has not been clicked (isFalseFocus indicates that click was made earlier)
       if (!this.isClicking && !this.isFalseFocus) {
         this.showSuggestions();
-      }this.isFalseFocus = false;
+      }
+
+      this.isFalseFocus = false;
     },
     onInput(inputEvent) {
       const value = !inputEvent.target ? inputEvent : inputEvent.target.value;

dist/es7.js

@@ -443,8 +443,14 @@ var VueSimpleSuggest = {
 
       if (!this.preventHide) this.hideList();
 
-      /// Ensure, that all needed flags are off before finishing the click.
-      this.isClicking = false;
+      if (this.isClicking) {
+        setTimeout(() => {
+          this.inputElement.focus();
+
+          /// Ensure, that all needed flags are off before finishing the click.
+          this.isClicking = false;
+        }, 0);
+      }
     },
     onBlur(e) {
       if (this.isInFocus) {
@@ -460,9 +466,6 @@ var VueSimpleSuggest = {
           this.$emit('blur', e);
         } else if (e && e.isTrusted && !this.isTabbed) {
           this.isFalseFocus = true;
-          setTimeout(() => {
-            this.inputElement.focus();
-          }, 200);
         }
       } else {
         this.inputElement.blur();

dist/iife.js

@@ -467,8 +467,14 @@ export default {
 
       if (!this.preventHide) this.hideList()
 
-      /// Ensure, that all needed flags are off before finishing the click.
-      this.isClicking = false
+      if (this.isClicking) {
+          setTimeout(() => {
+            this.inputElement.focus()
+
+            /// Ensure, that all needed flags are off before finishing the click.
+            this.isClicking = false
+          }, 0)
+      }
     },
     onBlur (e) {
       if (this.isInFocus) {
@@ -484,9 +490,6 @@ export default {
           this.$emit('blur', e)
         } else if (e && e.isTrusted && !this.isTabbed) {
           this.isFalseFocus = true
-          setTimeout(() => {
-            this.inputElement.focus()
-          }, 200)
         }
       } else {
         this.inputElement.blur()