Vuetify: [Bug Report] XS class in vuetify grid does not work

[sh7dm]

This one is intended since sm for example uses min-width, so cols prop work for xs size:

[JohnnyCrazy]

IDK why this issue got closed, small reproduction: https://codesandbox.io/s/vuetify-playground-kqvb7

Expected:
It should make two rows instead of one

Actual:
It's not resizing at all, even at < 200 pixels:

So it's either something wrong in the docs (because it should work that way?) or in the implementation.

[sh7dm]

use cols instead of xs

[JohnnyCrazy]

use cols instead of xs

Owwww, this works :) Sorry for the confusion then!

[geocolumbus]

Why was "xs" changed to "cols", but "sm" and "md" still work? Also, the documentation still tells people to use "xs". This makes zero sense. Either changing "xs" to "cols" was a mistake, or, If it was intentional, the documentation would reflect the change. This cost a lot of time to figure out.

https://vuetifyjs.com/en/components/grids

[MajesticPotatoe]

@geocolumbus changing xs -> cols was intentional. xs itself is a valid breakpoint, and is only mentioned in that link once that i can see in regards to the breakpoint system:

It contains 5 types of media breakpoints that are used for targeting specific screen sizes or orientations, xs, sm, md, lg and xl.

So not sure where it says you should use it as a prop, though if you can point it out I would be happy to remove it.

there is already an issue(#8888)/PR(#9041) in regards to a migration guide from 1.x -> 2.x grids.

[geocolumbus]

OK - thanks for the clarification!

[iedmrc]

This is still an issue and made me crazy. It wasted my time much. And must be open until clarified.

[JSilversun]

Hi, please reopen this, I don't think using "cols" instead of "xs" is intuitive, and change the docs to avoid mentioning any xs, it's misleading.

[MajesticPotatoe]

@iedmrc As stated, there is already an issue and PR in regards to clarification on this.
@JSilversun cols is the appropriate replacement for xs in 2.x grids. This likely will not change until vuetify 3 as it would be considered breaking.

We kindly ask users to not comment on closed/resolved issues. If you believe that this issue has not been correctly resolved, please create a new issue showing the regression or reach out to us in our Discord community.

Thank you for your contribution and interest in improving Vuetify.