Vuetify: [Bug Report] Autocomplete placeholder only displays on focus when using chips

[KyleReese]

Environment

Vuetify Version: 2.2.32
Last working version: 2.2.30
Vue Version: 2.6.11
Browsers: Google Chrome
OS: Windows 10

Steps to reproduce

Define an autocomplete with a placeholder and chips enabled

Expected Behavior

The placeholder should display in the autocomplete before the autocomplete is focused

Actual Behavior

The placeholder value does not appear until the autocomplete is focused

Reproduction Link

https://codepen.io/KyleReese/pen/zYrYerx

Other comments

This does not appear to happen in Firefox

[Jan-Heussner]

I have the same issue in firefox. Also with your example. It did not happen before when i have used vuetify over CDN.

[ryo-gk]

It seems to be affected this commit, so it happen with a recent version.
https://github.com/vuetifyjs/vuetify/commit/254bb29a3e0d2cbd5469e5159f5eec9e58ca3a11

[ryo-gk]

@johnleider
I want to fix this, but I don't understand what the comment //chips force input to wrap mean in this commit (https://github.com/vuetifyjs/vuetify/commit/254bb29a3e0d2cbd5469e5159f5eec9e58ca3a11).
Could you tell me the a little more about the background of this?

[zahassanyum]

Happening to me as well. Oddly, the bug occurred only in the production build and never during development while the version was 2.2.27. After upgrading to v2.3.1, it affects dev too now.

[nsakiya-incomm]

I had the same issue. I believe it started from version 2.2.31. It is caused by "max-height: 0" in &:not(.v-input--is-focused).v-select--chips input from packages/vuetify/src/components/VAutocomplete/VAutocomplete.sass

Here's the diff of this file in
https://github.com/vuetifyjs/vuetify/compare/v2.2.30...v2.2.31

[jacekkarczmarczyk]

https://github.com/vuetifyjs/vuetify/commit/254bb29a3e0d2cbd5469e5159f5eec9e58ca3a11#diff-2d9b95b62038e8a0535f1b30ed1f230fR20

[KyleReese]

254bb29#diff-2d9b95b62038e8a0535f1b30ed1f230fR20

It looks to me like there just needs to be a check to not set the height to 0 when the autocomplete has a placeholder defined.