From 1ceafc42e14aa581e7d731b539c4c7cf89ee6684 Mon Sep 17 00:00:00 2001
From: Leopoldthecoder <Leopoldthecuber@gmail.com>
Date: Tue, 11 Oct 2016 11:36:33 +0800
Subject: [PATCH] fix remote filtered select value update bug

---
 CHANGELOG.md                   | 1 +
 packages/select/src/select.vue | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ea4dbd1d0..be30b421e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -19,6 +19,7 @@
 - 修复 Menu 组件垂直模式下开启 router 属性会立刻跳转的问题 #295
 - Checkbox change 事件现在只能被人为的交互操作所触发
 - 新增 Checkbox checked 属性
+- 修复 Select 远程搜索时使用键盘选择选项无法更新 v-model 的问题
 
 #### 非兼容性更新
 
diff --git a/packages/select/src/select.vue b/packages/select/src/select.vue
index 5a29e759d..0f700ecf6 100644
--- a/packages/select/src/select.vue
+++ b/packages/select/src/select.vue
@@ -25,7 +25,7 @@
         v-model="query"
         :debounce="remote ? 300 : 0"
         v-if="filterable"
-        :style="{ width: inputLength + 'px' }"
+        :style="{ width: inputLength + 'px', 'max-width': inputWidth - 42 + 'px' }"
         ref="input">
     </div>
     <el-input
@@ -362,7 +362,7 @@
 
       resetInputState(e) {
         if (e.keyCode !== 8) this.toggleLastOptionHitState(false);
-        this.inputLength = this.$refs.input.value.length * 12 + 20;
+        this.inputLength = this.$refs.input.value.length * 15 + 20;
       },
 
       resetInputHeight() {
@@ -486,7 +486,7 @@
       },
 
       onInputChange() {
-        if (this.filterable) {
+        if (this.filterable && this.selectedLabel !== this.value) {
           this.query = this.selectedLabel;
         }
       },