Cascader: not set readonly in IE

ElemeFE · Jun 28, 2018 · 70ca8cc · 70ca8cc
1 parent 78a9d8c
commit 70ca8cc
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/cascader/src/main.vue b/packages/cascader/src/main.vue
@@ -19,7 +19,7 @@
   >
     <el-input
       ref="input"
-      :readonly="!(filterable && menuVisible)"
+      :readonly="readonly"
       :placeholder="currentLabels.length ? undefined : placeholder"
       v-model="inputValue"
       @input="debouncedInputChange"
@@ -220,6 +220,10 @@ export default {
     },
     cascaderDisabled() {
       return this.disabled || (this.elForm || {}).disabled;
+    },
+    readonly() {
+      const isIE = !this.$isServer && !isNaN(Number(document.documentMode));
+      return !this.filterable || (!isIE && !this.menuVisible);
     }
   },