From a2fd24e0f5989d7b380bd483a54a069e1cf2ddbb Mon Sep 17 00:00:00 2001
From: baiyaaaaa <bigpet1991@gmail.com>
Date: Fri, 30 Dec 2016 11:13:15 +0800
Subject: [PATCH] fix autocomplete dropdown reference element (#2092)

---
 packages/autocomplete/src/autocomplete-suggestions.vue | 2 +-
 packages/autocomplete/src/autocomplete.vue             | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/autocomplete/src/autocomplete-suggestions.vue b/packages/autocomplete/src/autocomplete-suggestions.vue
index 181b09531..8819bb405 100644
--- a/packages/autocomplete/src/autocomplete-suggestions.vue
+++ b/packages/autocomplete/src/autocomplete-suggestions.vue
@@ -55,7 +55,7 @@
 
     mounted() {
       this.popperElm = this.$el;
-      this.referenceElm = this.$parent.$el;
+      this.referenceElm = this.$parent.$refs.input.$refs.input;
     },
 
     created() {
diff --git a/packages/autocomplete/src/autocomplete.vue b/packages/autocomplete/src/autocomplete.vue
index cf493e574..b38100a60 100644
--- a/packages/autocomplete/src/autocomplete.vue
+++ b/packages/autocomplete/src/autocomplete.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="el-autocomplete" v-clickoutside="handleBlur">
     <el-input
+      ref="input"
       :value="value"
       :disabled="disabled"
       :placeholder="placeholder"
@@ -69,7 +70,7 @@
     },
     watch: {
       suggestionVisible(val) {
-        this.broadcast('ElAutocompleteSuggestions', 'visible', [val, this.$el.offsetWidth]);
+        this.broadcast('ElAutocompleteSuggestions', 'visible', [val, this.$refs.input.$refs.input.offsetWidth]);
       }
     },
     methods: {