Vuetify: [Bug Report] Vertical Dividers Regression - Width

Created on 17 Jul 2018 · 1Comment · Source: vuetifyjs/vuetify

Versions and Environment

Vuetify: 1.1.5
Browsers: Chrome, Firefox, Edge
OS: Windows

Steps to reproduce

See example in Vuetify docs website here and note that the alignment/spacing of "My Home" text is off due to 100% width of vertical divider that is directly inside v-toolbar (in .v-toolbar__content)

Expected Behavior

.v-divider to have width: auto

Actual Behavior

.v-divider has width: 100% when directly inside a v-toolbar

Reproduction Link

https://vuetifyjs.com/en/components/dividers#example-vertical

Additional Comments:

Chrome is telling me that v-divider class is incorrectly getting width: 100% due to this line of code

high bug regression

Source

slathrop

Most helpful comment

Does .v-divider even need a width property? It looks like a flex property is all it needs.

Removing width: 100% fixes the problem with the vertical dividers example and all the other dividers are still working after that, if I'm not mistaken:

output

AlexSHoffman on 18 Jul 2018

👍2

>All comments

Does .v-divider even need a width property? It looks like a flex property is all it needs.

Removing width: 100% fixes the problem with the vertical dividers example and all the other dividers are still working after that, if I'm not mistaken:

output

AlexSHoffman on 18 Jul 2018

👍2

Was this page helpful?

0 / 5 - 0 ratings