diff --git a/projects/ngx-material-navigation/package.json b/projects/ngx-material-navigation/package.json index cb2bd33..bd52383 100644 --- a/projects/ngx-material-navigation/package.json +++ b/projects/ngx-material-navigation/package.json @@ -1,6 +1,6 @@ { "name": "ngx-material-navigation", - "version": "20.2.0", + "version": "20.2.1", "license": "MIT", "repository": { "url": "https://github.com/Service-Soft/ngx-material-navigation" diff --git a/projects/ngx-material-navigation/src/components/navbar/navbar.component.ts b/projects/ngx-material-navigation/src/components/navbar/navbar.component.ts index d68f564..60e6d29 100644 --- a/projects/ngx-material-navigation/src/components/navbar/navbar.component.ts +++ b/projects/ngx-material-navigation/src/components/navbar/navbar.component.ts @@ -103,7 +103,11 @@ export class NgxMatNavigationNavbarComponent implements AfterContentChecked { const res: NavElement[] = []; // anchorRow is excluded from sidenav for (const row of this.navbarRows) { - res.push(...row.elements.filter(e => this.checkCondition(e) && !this.checkVisible(e))); + res.push( + ...row.elements + .filter(e => this.checkCondition(e) && !this.checkVisible(e)) + .map(e => ({ ...e, id: `sidenav-${e.id}` })) + ); } return res; }