Skip to content

[Bug Report][2.1.15] Menu item jumps when mini-variant has a width other than the defaultΒ #10739

@gkatsanos

Description

@gkatsanos

Environment

Vuetify Version: 2.1.15
Vue Version: 2.6.11
Browsers: Chrome 80.0.3987.122
OS: Mac OS 10.15.3

Steps to reproduce

create a navigation drawer with menu items and an expand on hover, set a mini-variant-width and observe the position of the left icon/item when you hover

Expected Behavior

item/icon doesn't move - same margin applied

Actual Behavior

item moves

Reproduction Link

https://codepen.io/gkatsanos-the-bold/pen/VwLzbLa?editable=true&editors=101

Other comments

This is just a question of calculating the appropriate margin although I would argue it's better NOT to include a magic number for margin there and just use flexbox to align it properly.

Metadata

Metadata

Assignees

Labels

C: VNavigationDrawerT: bugFunctionality that does not work as intended/expected

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions