Skip to content

[Bug Report] Vertical Dividers Regression - Width #4641

@slathrop

Description

@slathrop

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

Metadata

Metadata

Assignees

Labels

P: highThe issue is of high importanceT: bugFunctionality that does not work as intended/expectedT: regressionSomething that used to work but we broke

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions