vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Bug Report][3.0.0-beta.15] VSelect height changes between empty and non-empty states when using `chips`

Open aentwist opened this issue 1 year ago • 0 comments

Environment

Vuetify Version: 3.0.0-beta.15 Vue Version: 3.2.41 Browsers: Firefox 105.0 OS: Ubuntu undefined

Steps to reproduce

  1. use VSelect
  2. use chips

Expected Behavior

no height change

Actual Behavior

height change

Reproduction Link

https://codepen.io/aentwist/pen/xxzbqxz

Other comments

I was able to fix this by letting flexbox do the work instead of calculating dimensions,

.v-select .v-field__input {
  padding-top: 0;
  padding-bottom: 0;
  align-items: center;
}

The chips are off-center too, due to this. Maybe the alignment should be redone.

.v-select--chips .v-select__selection {
  margin-top: 2px;
}

aentwist avatar Oct 26 '22 18:10 aentwist