I'm using v-combobox it looks like this:

      <v-combobox
    v-model.trim="data"
    :search-input.sync="search"
    multiple
    dense
    
    clearable
    hide-details
    maxlength="128"
  >
    <template v-slot:selection="{ item, index }">
      <span v-if="index === 0">{{ item }}</span>
      <span v-if="index === 1" > (  {{ data.length - 1 }}) </span>
    </template>
  </v-combobox>

image1

The width of the v-combox is very small, so if the text you enter is long, the height changes. like this: image2

How can I handle it naturally? like this:

image3

I want the input part and the scroll part to be natural.

Thanks :)

CodePudding user response：