Vuetify: [Feature Request] Allow Nesting Menu/Drawer

[mstaack]

Currently the specs have nested menu feature. Maybe sometime this can be integrated into vuetify.

• Nested Items in Drawer (left side bar)
• From Dropdown / Toolbar

Currently nesting in the left menu does not work.

Some Links:
http://www.material-ui.com/#/components/menu#menuitem-properties
https://material.io/guidelines/patterns/navigation-drawer.html#navigation-drawer-behavior

Related to
https://github.com/vuetifyjs/vuetify/issues/898
https://github.com/vuetifyjs/vuetify/issues/1830

Example inside Menu:
https://material.io/guidelines/components/menus.html#menus-menu-items

[KaelWD]

This is already possible, but probably doesn't follow the MD spec to the letter.

https://codepen.io/anon/pen/LzxZzR?editors=1000

[mstaack]

@KaelWD cool thats a starting point. i have a usecase inside left side bar (drawer) that is not possible atm

something like this (http://element.eleme.io/#/en-US/component/menu)

[KaelWD]

That looks like https://vuetifyjs.com/components/expansion-panels

You can see that the docs site uses them in its sidebar.

[mstaack]

okay cool!
so its basically just a list inside drawer....
but deeper nesting isnt on the docs page... and currently not supported. or am i wrong?

default layout codepen with menu:
https://codepen.io/anon/pen/NadRPm?editors=1010

[KaelWD]

There is some buggy behaviour with the arrows on the right inheriting the wrong state, but that's a separate issue.

https://codepen.io/anon/pen/YrNGNv?editors=1000

[KaelWD]

This has been split into #1877 and #1878 as they are separate components

[mstaack]

@KaelWD @nekosaur thank you! stunning community & framework. happy patreon. cheers max

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord