More than 3 years have passed since last update.

[Vuetify] v-combobox や v-autocomplete のプレースホルダーが表示されない問題

Posted at 2021-06-11

非フォーカス時にプレースホルダが表示されない

Vuetifyのあるバージョンから、v-combobox や v-autocomplete において、フォーカスが当たっていない状態ではプレースホルダが表示されない不具合がある。

どうやら、チップ表示時に限定の不具合らしい。

単純に不具合らしいので、そのうち治ると思うが、v2.5.0 の時点では発生していたので対応策が必要です。

Vuetifyの指定を下記のCSSで上書きしてやれば治ります。

.v-autocomplete:not(.v-input--is-focused).v-select--chips input {
  max-height: inherit;
}

inputの高さがゼロになっているのが原因みたいですね。