Merge pull request #5163 from RookieZoe/2.0-fix-#5150

fix #5150

Merge pull request #5163 from RookieZoe/2.0-fix-#5150
fix #5150
Aresn · GitHub
2 parents de361437 215986ff
Showing 2 changed files with 16 additions and 2 deletions Show diff stats
examples/routers/auto-complete.vue
src/components/select/select.vue
@@ -37,4 +37,4 @@
             }
         }
     };
-</script>
 \ No newline at end of file
+</script>
@@ -635,7 +635,21 @@
                 }, ANIMATION_TIMEOUT);
             },
             onQueryChange(query) {
-                if (query.length > 0 && query !== this.query) this.visible = true;
+                if (query.length > 0 && query !== this.query) {
+                  // in 'AutoComplete', when set an initial value asynchronously,
+                  // the 'dropdown list' should be stay hidden.
+                  // [issue #5150]
+                    if (this.autoComplete) {
+                        let isInputFocused =
+                            document.hasFocus &&
+                            document.hasFocus() &&
+                            document.activeElement === this.$el.querySelector('input');
+                        this.visible = isInputFocused;
+                    } else {
+                        this.visible = true;
+                    }
+                }
+
                 this.query = query;
                 this.unchangedQuery = this.visible;
                 this.filterQueryChange = true;