[Feature Request] v-select auto width depending of content

Problem to solve

It would allow for a better flow of content depending of the usage and better UI overall.

Proposed solution

<v-select
    :items="$i18n.locales"
    :item-value="code"
    :to="switchLocalePath(locale)"
    v-model="locale"
    class="pa-0 ma-0"
    item-text="name"
    hide-details
    single-line
    dense
    autowidth
  />

Check google sign in page at the bottom.

[Flamenco]

So using the current version of Vuetify (2.4.5), here is what works for me.

Add a class to the select to indicate a fit style.

<v-select class='fit' />

Create the following CSS to target the select element. The text-overflow value will prevent a pesky ellipsis.

.v-select.fit {
  width: min-content;
}
.v-select.fit  .v-select__selection--comma {
    text-overflow: unset;
}

[arnaldoperez]

Besides de CSS trick .v-select__selections input { display: none} I also put the v-select insde a v-col and set its cols="auto". Works great!!