Merge pull request #464 from tbl0605/bug-463

Fix for error "No input element found" (bug #463)
KazanExpress · Jun 30, 2021 · f0a7744 · f0a7744
2 parents c46db23 + 4c3a7e2
commit f0a7744
Show file tree

Hide file tree

Showing 6 changed files with 46 additions and 38 deletions.
diff --git a/dist/cjs.js b/dist/cjs.js
@@ -62,8 +62,7 @@ function _await(value, then, direct) {
     return result.then(then);
   }return then(result);
 }function _invokeIgnored(body) {
-  var result = body();
-  if (result && result.then) {
+  var result = body();if (result && result.then) {
     return result.then(_empty);
   }
 }function _catch(body, recover) {
@@ -75,7 +74,6 @@ function _await(value, then, direct) {
     return result.then(void 0, recover);
   }return result;
 }function _finally(body, finalizer) {
-
   try {
     var result = body();
   } catch (e) {
@@ -280,14 +278,16 @@ function _await(value, then, direct) {
 
       return _await(_this3.$slots.default, function () {
 
-        _this3.inputElement = _this3.$refs['inputSlot'].querySelector('input');
+        _this3.$nextTick(function () {
+          _this3.inputElement = _this3.$refs['inputSlot'].querySelector('input');
 
-        if (_this3.inputElement) {
-          _this3.setInputAriaAttributes();
-          _this3.prepareEventHandlers(true);
-        } else {
-          console.error('No input element found');
-        }
+          if (_this3.inputElement) {
+            _this3.setInputAriaAttributes();
+            _this3.prepareEventHandlers(true);
+          } else {
+            console.error('No input element found');
+          }
+        });
       });
     } catch (e) {
       return Promise.reject(e);
@@ -595,7 +595,9 @@ function _await(value, then, direct) {
       if (this.text.length < this.minLength) {
         this.hideList();
         return;
-      }if (this.debounce) {
+      }
+
+      if (this.debounce) {
         clearTimeout(this.timeoutInstance);
         this.timeoutInstance = setTimeout(this.research, this.debounce);
       } else {

diff --git a/dist/es6.js b/dist/es6.js
@@ -56,8 +56,7 @@ function _await(value, then, direct) {
     return result.then(then);
   }return then(result);
 }function _invokeIgnored(body) {
-  var result = body();
-  if (result && result.then) {
+  var result = body();if (result && result.then) {
     return result.then(_empty);
   }
 }function _catch(body, recover) {
@@ -69,7 +68,6 @@ function _await(value, then, direct) {
     return result.then(void 0, recover);
   }return result;
 }function _finally(body, finalizer) {
-
   try {
     var result = body();
   } catch (e) {
@@ -260,14 +258,16 @@ function _await(value, then, direct) {
 
     return _await(_this.$slots.default, function () {
 
-      _this.inputElement = _this.$refs['inputSlot'].querySelector('input');
+      _this.$nextTick(() => {
+        _this.inputElement = _this.$refs['inputSlot'].querySelector('input');
 
-      if (_this.inputElement) {
-        _this.setInputAriaAttributes();
-        _this.prepareEventHandlers(true);
-      } else {
-        console.error('No input element found');
-      }
+        if (_this.inputElement) {
+          _this.setInputAriaAttributes();
+          _this.prepareEventHandlers(true);
+        } else {
+          console.error('No input element found');
+        }
+      });
     });
   }),
 
@@ -564,7 +564,9 @@ function _await(value, then, direct) {
       if (this.text.length < this.minLength) {
         this.hideList();
         return;
-      }if (this.debounce) {
+      }
+
+      if (this.debounce) {
         clearTimeout(this.timeoutInstance);
         this.timeoutInstance = setTimeout(this.research, this.debounce);
       } else {

diff --git a/dist/es7.js b/dist/es7.js
@@ -212,14 +212,16 @@ var VueSimpleSuggest = {
   async mounted() {
     await this.$slots.default;
 
-    this.inputElement = this.$refs['inputSlot'].querySelector('input');
+    this.$nextTick(() => {
+      this.inputElement = this.$refs['inputSlot'].querySelector('input');
 
-    if (this.inputElement) {
-      this.setInputAriaAttributes();
-      this.prepareEventHandlers(true);
-    } else {
-      console.error('No input element found');
-    }
+      if (this.inputElement) {
+        this.setInputAriaAttributes();
+        this.prepareEventHandlers(true);
+      } else {
+        console.error('No input element found');
+      }
+    });
   },
   beforeDestroy() {
     this.prepareEventHandlers(false);

diff --git a/dist/iife.js b/dist/iife.js
diff --git a/dist/umd.js b/dist/umd.js
diff --git a/lib/vue-simple-suggest.vue b/lib/vue-simple-suggest.vue
@@ -228,14 +228,16 @@ export default {
   async mounted () {
     await this.$slots.default;
 
-    this.inputElement = this.$refs['inputSlot'].querySelector('input')
+    this.$nextTick(() => {
+      this.inputElement = this.$refs['inputSlot'].querySelector('input')
 
-    if (this.inputElement) {
-      this.setInputAriaAttributes()
-      this.prepareEventHandlers(true)
-    } else {
-      console.error('No input element found')
-    }
+      if (this.inputElement) {
+        this.setInputAriaAttributes()
+        this.prepareEventHandlers(true)
+      } else {
+        console.error('No input element found')
+      }
+    })
   },
   beforeDestroy () {
     this.prepareEventHandlers(false)