Vuetify: [Bug Report] align-start does not work on v-container

Created on 25 Sep 2018  路  1Comment  路  Source: vuetifyjs/vuetify

Versions and Environment

Vuetify: 1.2.3
Vue: 2.5.17
Browsers: all
OS: all

Steps to reproduce

Use a container with attributes fill-height & align-start (see reproduction link, this immediately explains it):
<v-container fill-height align-start>blah</v-container>

Expected Behavior

align-start should move an item to the top ("start") of the div

Actual Behavior

Nothing happens, because there is a rule with selector .container.fill-height that sets align-items to center. align-start should override that rule.

Reproduction Link

https://codepen.io/anon/pen/dqBxby

VGrid bug

Most helpful comment

Correct, .fill-height is overriding .align-start style:
image

>All comments

Correct, .fill-height is overriding .align-start style:
image

Was this page helpful?
0 / 5 - 0 ratings

Related issues

smousa picture smousa  路  3Comments

efootstep picture efootstep  路  3Comments

Webifi picture Webifi  路  3Comments

aaronjpitts picture aaronjpitts  路  3Comments

jofftiquez picture jofftiquez  路  3Comments