Vuetify: Navigation bar list group should close in mini mode

[Ewocker]

This is not mini

if keeping list-item open and use mini mode:

however I think this is expected:

otherwise when use click on ex. PPS on the picture, it will open the navbar with everything close. Plus, it looks ugly to have a big gap between two list item

This issue can be reproduce using the vuetify page as well, so I will not create a codepen or jsfiddle here.

[johnleider]

Do you think the expected behavior is when mini is changed to true, all list-groups retract?

[dohomi]

@johnleider I think we had this discussion before, here might be the right place to gather some ideas. I think nested/grouped list items should be either:

• not visible and only show if the sidebar is full-with again
• nested items are displayed inside a v-menu on mini variant

[SquareBeard]

What about list group items with tile action ?
I was expecting to see my sub menu icons in the mini drawer.

I don't think it is a good idea to force hide the list groups in mini mode. For my use case I need to open all listgroups in mini mode (I'm not sure that this is even possible actually).
IMHO you should leave the decision to the developer and not force it in the CSS. We can still add it ourselves or even do more complicated stuffs with v-show/hide.

[amyngb]

This is broken again in Vuetify 1.0. I am expecting the display of the list__group__items to change from 'block' to 'none' when the mini-variant drawer is closed. Since I can see that some other devs want all list groups to be open in mini mode, maybe this could be left up to the developer with a new prop.

[amyngb]

I fixed it by setting the children v-list-tiles in the v-list-group to v-if="!Mini" (only displaying them if the drawer is not in mini mode.)

[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