'How can I not line break on vuetify multiple v-combox?

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

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

enter image description here

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

enter image description here

How can I handle it naturally? like this:

enter image description here

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

Thanks :)



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source