Submenu doesn't automatically close when an item is clicked

[cruzjuniel]

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?

[amanharwara]

Has there been any progress on this issue?

[AlexTorresDev]

Has there been any progress on this issue?

No I have had time to work on this issue.

If anyone could have time to collaborate on this issue, I would appreciate it.

[sagargurtu]

Is there any workaround for this issue?

[AlexTorresDev]

I'm currently working on solving this issue.

[robgonnella]

Not sure if this is the best approach but I have a working solution here: #47

[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!

[AlexTorresDev]

Resolved on #47

[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.