Vuetify: [Bug Report] v-layout in column mode gives v-flex a max-width when it shouldn't

[Fugiman]

Versions and Environment

Vuetify: 1.1.0-beta.2
Vue: 2.5.16
Browsers: Chrome 66.0.3359.181
OS: Windows 10

Steps to reproduce

Make a <v-flex xs6> inside a <v-layout column>

Expected Behavior

The flex element should have a max-width of 100%

Actual Behavior

The flex element has a max-width of 50%

Reproduction Link

https://codepen.io/fugiman/pen/GGrBdX

Other comments

Regression from 1.0.19

[KaelWD]

a4b5ce8826063cf86f62d71fa035971cbdf0b516

[bitsmakerde]

At version 1.3.14 I have the same error.

<v-layout column > <v-flex md4 > <div class="red">center1</div> </v-flex> <v-flex md4 > <div class="red">center2</div> </v-flex> </v-layout>

The width is 100% and not 33%.

Please reopen the bug.

Thanks

[tripish]

I'm also having the same issue with 1.4.1.

[Fugiman]

If the layout is a column the md4 on the v-flex refers to the height of the element, not the width. This issue deals specifically with max-width, not width.