fix(VTextField): Update value on compositionend

See vuetifyjs#5748 fixes vuetifyjs#11190
kouqon · Apr 23, 2020 · 07a40a2 · 07a40a2
1 parent 4140af4
commit 07a40a2
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/packages/vuetify/src/components/VTextField/VTextField.ts b/packages/vuetify/src/components/VTextField/VTextField.ts
@@ -401,6 +401,7 @@ export default baseMixins.extend<options>().extend({
           input: this.onInput,
           focus: this.onFocus,
           keydown: this.onKeyDown,
+          compositionend: this.onCompositionEnd,
         }),
         ref: 'input',
       })
@@ -443,6 +444,11 @@ export default baseMixins.extend<options>().extend({
 
       this.$refs.input.focus()
     },
+    onCompositionEnd (e: Event) {
+      const target = e.target as HTMLInputElement
+      this.internalValue = target.value
+      this.badInput = target.validity && target.validity.badInput
+    },
     onFocus (e?: Event) {
       if (!this.$refs.input) return
 
@@ -457,9 +463,7 @@ export default baseMixins.extend<options>().extend({
     },
     onInput (e: Event) {
       if (!(e as InputEvent).isComposing) {
-        const target = e.target as HTMLInputElement
-        this.internalValue = target.value
-        this.badInput = target.validity && target.validity.badInput
+        this.onCompositionEnd(e)
       }
     },
     onKeyDown (e: KeyboardEvent) {