Pages menu linking to site root fails to activate

Issue type

I’m submitting a … (check one with “x”)

• bug report
• feature request

Issue description

Current behavior:

When you add a menu item to the site root (“/”) it fails to activate when you click on it. The menu item of the previously visited page stays active instead.

Expected behavior:

The menu activates when clicking on the menu item or navigating to the site root (“/”).

Steps to reproduce:

Setup the pages component to the site root and create a menu item linking to the site root.

Related code:

const routes: Routes = [
  {
    path: 'auth',
    component: NbAuthComponent,
    children: [
       ...
    ],
  },
  { path: '', loadChildren: 'app/pages/pages.module#PagesModule' },
];

const routes: Routes = [{
  path: '',
  component: PagesComponent,
  children: [
    {
      path: '',
      component: DashboardComponent,
    },
   ...
  ],
}];

export const MENU_ITEMS: NbMenuItem[] = [
  {
    title: 'Dashboard',
    icon: 'nb-home',
    link: '/',
    home: true,
  },
  {
    title: 'Search',
    icon: 'nb-search',
    link: '/search',
  },
];

Other information:

npm, node, OS, Browser

node v11.9.0
npm 6.7.0
Chromium Version 72.0.3626.96 (Official Build) Arch Linux (64-bit)
4.20.7-arch1-1-ARCH

Angular, Nebular

Angular 7.0.3
Nebular 3.0.0

[Malbeth81]

Found a temporary fix involving ngDoCheck():

import { Component, DoCheck } from '@angular/core';

...

export class PagesComponent implements DoCheck {

  menu = MENU_ITEMS;

  constructor(private location: Location) {
  }

  ngDoCheck(): void {
    // Fix for https://github.com/akveo/nebular/issues/1242
    if (this.location.path() === '' && !this.menu[0].selected) {
      // Select home menu item when navigating to the site root
      var i: any;
      for (i in this.menu) {
        this.menu[i].selected = (i == 0);
      }
    }
  }
}

[kapik]

Any news ? 🙏