Submenu doesn't automatically close when an item is clicked

I noticed that the .menubar-menu-container doesn’t automatically close when any of its .action-menu-item is clicked.

Is there a proper way for this?

I tried: $('menubar-menu-button').removeClass('open') $('.menubar-menu-container').remove()

But since it would still think that the menu is open, I’m getting new issues:

• Hovering above the other menu items will open its submenu
• The submenu will only open after at least 2 clicks.

Any thoughts?

[ahkohd]

Turns out, you don’t need a workaround. This worked but what the heck!

let titleBar = new Titlebar({
    backgroundColor: Color.fromHex('#ECECEC')
});

const menu = new Menu();
menu.append(new MenuItem({
    label: 'Item 1',
    submenu: [
        {
            label: 'Subitem 1',
            click: () => {
                console.log('Click on subitem 1');
                 titlebar.updateMenu(menu);
             }
        },
        {
            type: 'separator'
        }
    ]
}));

titlebar.updateMenu(menu);

Just place titlebar.updateMenu(menu); inside your click handler function, preferably at the end of the function. Weird!

[jonas-johansson]

I have this issue in 3.2.2-hotfix62 when clicking a submenu item. So clicking File -> Foo -> Bar executes the click function but the menu stays visible. Clicking File -> Cheese on the other hand executes the click function and closes the menu as expected.