vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.75k stars 6.95k forks source link

[Bug Report][3.4.9] VTextField update during IME composition #18981

Open kingyue737 opened 9 months ago

kingyue737 commented 9 months ago

Environment

Vuetify Version: 3.4.9 Last working version: 3.0.0-beta.0 Vue Version: 3.4.5 Browsers: Edge 120.0.0.0 OS: Windows 10

Steps to reproduce

Type Chinese in VTextField

Expected Behavior

modelValue only gets updated after IME composition like Vue default behavior https://vuejs.org/guide/essentials/forms.html#vmodel-ime-tip

Actual Behavior

modelValue is updatd during IME composition Which seemed to be introduced by https://github.com/vuetifyjs/vuetify/pull/15907

image

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

Some people think it should not update during composition which conforms to Vue default behavior:

Thing can get very ugly in terms of a search input where incorrect results will be returned in the middle of IME composing (before the intended character arrives in the input). https://github.com/vuetifyjs/vuetify/issues/5748#issuecomment-513557597

While some others do not: https://github.com/vuetifyjs/vuetify/issues/15901

What do you think about adding a prop to toggle this behavior?

yuwu9145 commented 9 months ago

Vuetify should behave the same as Vue default behavior in terms of IME, unless there was any obvious reason to justify against it.

So I think it should be a bug/issue.