VuetifyのTextFieldがChromeで全角入力できない件について

Question

前提・実現したいこと

nuxtでUIにVuetifyを利用しv-text-fieldディレクティブにIME日本語入力をしたい

発生している問題・エラーメッセージ

vuetifyのドキュメント( https://vuetifyjs.com/ja/components/text-fields/ )を参考にテキストフィールドの入力を作成したのですが、
chromeでIME日本語入力すると消えてしまいます。

該当のソースコード

<template>
  <div>
    <v-row>
      <v-col cols="12">
        <v-text-field v-model="name" label="名前"></v-text-field>
      </v-col>
    </v-row>
  </div>
</template>

<script>
export default {
  data: () => ({
    name: '',
  })
}
</script>

試したこと

vue devtoolで確認するとバックスペースを押した時にinputイベントが発生し入力値がモデルに反映されました。
通常の入力中はvue devtoolで確認する限りはinputイベントが発生せずにモデルに入力値が反映されないようです。

補足情報（FW/ツールのバージョンなど）

windows 10
chrome バージョン: 81.0.4044.122
nuxt version "2.12.2"
vuetify version "2.2.12"

Answer 1

同バージョンのvuetify見てみました。

Chrome：日本語消える
Firefox,Safari：日本語消えない

て感じで、公式ページも同じ現象起こってるのでバグかもしれないですね。
バージョン変えてみるのはいかがですか。

Comments

[suzuki_ichiro]

やっぱりバグっぽいですよね。
バージョンを下げると大丈夫みたいです。
御回答ありがとうございます。