Material UI MenuList: collapsing menu item by default doesn't work

Panel
1

Hi, I have replaced the jstree component in my application with MenuList, which works great except for one small issue. I can’t collapse a “container” item by default. I tried setting the open property of the item to false as documented, but it doesn’t seem to have any effect.

Complete, minimal, self-contained example code that reproduces the issue

import panel as pn
import panel_material_ui as pmui

pn.extension()

list_menu = pmui.MenuList(
    items=[
        {
            'label': 'Home',
            'icon': 'home',
            'secondary': 'Overview page',
            'open': False,
            'items': [
                {'label': 'Welcome', 'icon': 'handshake'},
                {'label': 'Getting Started', 'icon': 'rocket'}
            ]
        },
    ],
    dense=True,
)

list_menu.servable()
2

Thanks szampier. Could you file an issue on the panel material ui issue tracker? I’ll try to get this fixed for the release next week. Also would welcome a fix from you if you’re up for it.

3

I submitted an issue and a PR