Vuetify: [Bug Report] v-select dense input bug

Created on 20 Feb 2020  路  7Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.2.14
Vue Version: 2.6.11
Browsers: Chrome 80.0.3987.116
OS: Linux x86_64

Steps to reproduce

The codepen is ready to be seen, there are a select with selected value, an autocomplete with selected value and a select and an autocomplete without sleected value, just to show that the height is right until value is selected

Expected Behavior

dense v-select keeps its height once value is selected

Actual Behavior

dense v-select gets higher when a value is selected

Reproduction Link

https://codepen.io/rsaleri/pen/rNVMvXG

Other comments

I put autocomplete in the codepen just as a reference

VSelect has PR bug good first issue

Most helpful comment

As @Teellcory mentioned there is still height issues with dense components compared to text-fields. Here is a codepen demonstrating the issue along with a hacky css work-around: https://codepen.io/fontzter/pen/QWbQmoZ

All 7 comments

Oh yes! this is needed

They are both taller than dense text field at all times.

As @Teellcory mentioned there is still height issues with dense components compared to text-fields. Here is a codepen demonstrating the issue along with a hacky css work-around: https://codepen.io/fontzter/pen/QWbQmoZ

+1 Still an issue and quite important. Can this get higher priority?

@johnleider this is not fixed. @fontzter has an example using 2.x and it's still broken despite 2.2.18 supposedly fixing it.

We might want to open a new issue- it's a different problem from the v-text-field issue.

Either way, I'll tackle the issue asap if nobody beats me to it.

Ah. Yeah. I can see that now. I'll close if you would like to open a fresh issue. Thanks.

Was this page helpful?
0 / 5 - 0 ratings