Cols not working properly for xs in vuetify

[eralbagraba]

<v-col cols=”4″ lg=”2″ sm=”4″ md=”2″ xs=”2″>
<v-text-field
v-model=”item.annualLeaveDay”
hide-details
outlined
dense
single-line
suffix=”day”
type=”number”
/>
</v-col>
So it was supposed to be 2 cols because is xs=”2″  but in fact is more

[eralbagraba]

The cols attribute: This is the default for smaller screen sizes (mobile, including xs). If you set cols=”4″, it means the component will take up 12 columns on the smallest screen size (and any larger size that isn’t explicitly specified).

The xs attribute: If you specify xs=”2″ but also have cols=”4″, the cols attribute will take precedence because it acts as an alias for the smallest size. In this case, xs=”2″ will have no effect.

• This reply was modified 3 months, 4 weeks ago by eralbagraba.

[Author]

Posts