fix: input not work at firefox && sogou #2151

vueComponent · May 8, 2020 · abd1b7f · abd1b7f
1 parent 352eb84
commit abd1b7f
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/components/input/Input.jsx b/components/input/Input.jsx
@@ -173,6 +173,9 @@ export default {
       });
     },
     handleChange(e) {
+      if (e.inputType === 'insertCompositionText') {
+        return;
+      }
       const { value, composing } = e.target;
       // https://github.com/vueComponent/ant-design-vue/issues/2203
       if ((composing && this.lazy) || this.stateValue === value) return;

diff --git a/components/input/TextArea.jsx b/components/input/TextArea.jsx
@@ -69,6 +69,9 @@ export default {
       this.$emit('input', e);
     },
     handleChange(e) {
+      if (e.inputType === 'insertCompositionText') {
+        return;
+      }
       const { value, composing } = e.target;
       if ((composing && this.lazy) || this.stateValue === value) return;
 

diff --git a/components/vc-tabs/src/InkTabBarNode.jsx b/components/vc-tabs/src/InkTabBarNode.jsx
@@ -98,7 +98,7 @@ export default {
     activeKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   },
   updated() {
-    setTimeout(() => {
+    this.$nextTick(function() {
       componentDidUpdate(this);
     });
   },

diff --git a/components/vc-tabs/src/ScrollableTabBarNode.jsx b/components/vc-tabs/src/ScrollableTabBarNode.jsx
@@ -52,7 +52,7 @@ export default {
   },
 
   updated() {
-    setTimeout(() => {
+    this.$nextTick(() => {
       this.updatedCal(this.prevProps);
       this.prevProps = { ...this.$props };
     });