[Vuejs]-Vuetify: prevent overflow of chips on combobox

4👍

You could use CSS for this:

  1. Style the selections (.v-select__selections) with flex-wrap:nowrap to prevent the wrapping, and with overflow:scroll to allow scrolling if the selections exceed the width of the container.

  2. Style the chip (.v-chip) with overflow:initial to allow the chip to expand to its full width inside the container (prevents cutting off the chip).

.v-select__selections {
  overflow: scroll;
  flex-wrap: nowrap;
}
.v-chip {
  overflow: initial;
}

demo

screencast

👤tony19

Leave a comment