From 8462c6c5c919a3ecfa31fa3183d69722f55e434c Mon Sep 17 00:00:00 2001
From: Tim Fabian <fabian@service-soft.de>
Date: Sun, 8 Feb 2026 19:22:13 +0100
Subject: [PATCH] fixed sidenav ids being the same as navbar

---
 projects/ngx-material-navigation/package.json               | 2 +-
 .../src/components/navbar/navbar.component.ts               | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

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;
     }