User Menu: close automatically when selecting an item

[nnixaa]

Issue type

I'm submitting a ... (check one with "x")

• bug report
• feature request

Issue description

Current behavior:

akveo/ngx-admin#1674

[muysewinkel]

I believe this happening for all instances of nbContextMenu

[blankstar85]

i'm confused, is this still open then? I am seeing the menu not close, but i do see tibing's code fix in nebular.

[muysewinkel]

No it is fixed.

Upgrade to
"@nebular/theme": "^2.0.0-rc.9",

and it is fixed

[blankstar85]

Edit: (bad day)
Finally sitting back down to look at this, have a new laptop and have everything setup, and my project running again. I double checked the package.json and deleted the node_modules, followed by an npm install and then npm start. The context menu just sits after being clicked.

this is specifically for the user menu
userMenu = [{ title: 'Profile', link: '/pages/profile'}, { title: 'Log out' }];

[blankstar85]

update: OK, I've narrowed down the behavior, but this may be over my head (I've been digging around). Closing the menu works when the link parameter isn't there. So in my example above the log out item works perfectly, however the profile item with the link doesn't. The router will navigate to the profile page, but the menu will remain open. Does the router navigation destroy the subscribed onItemClicked event?

[ma7euus]

I am with same problem. :(

[ma7euus]

I "solved" this the problem with:
userMenu: NbMenuItem[] = [
{title: 'Profile', data: {path: '/profile'}},
{title: 'Logout', data: {path: '/logout'}}
];
ngOnInit() {
this.nbMenuService.onItemClick()
.pipe(
filter(({tag}) => tag === 'user-menu'),
map((item) => item),
)
.subscribe(({item}) => {
this.router.navigateByUrl(item.data.path);
});
}