[Vuejs]-Vuetify text fields on one line

12 December 2023 by thecoderscamp.com

4👍

✅

Vuetify uses a flex grid. The reason that it’s not overflowing is that you have to set the flex-wrap to nowrap.

Basically, just add the styles below to your v-row:

.nowrap-overflow {
    flex-wrap: nowrap;
    overflow-x: auto;
}