From 202ecee725c44846e215fa66560a75481b6da111 Mon Sep 17 00:00:00 2001
From: "akash.sonune" <akash.sonune@siemens.com>
Date: Thu, 11 Jun 2026 16:39:10 +0530
Subject: [PATCH] fix(breadcrumb): add space key activation to dropdown toggle

---
 .../element-ng/breadcrumb/si-breadcrumb.component.html | 10 ++++------
 .../element-ng/breadcrumb/si-breadcrumb.component.scss |  4 ----
 2 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/projects/element-ng/breadcrumb/si-breadcrumb.component.html b/projects/element-ng/breadcrumb/si-breadcrumb.component.html
index bc02cc296f..f9579f36f2 100644
--- a/projects/element-ng/breadcrumb/si-breadcrumb.component.html
+++ b/projects/element-ng/breadcrumb/si-breadcrumb.component.html
@@ -80,16 +80,14 @@
 </ng-template>
 
 <ng-template #toggleTemplate let-item="item" let-title="title" siBreadcrumbItemTemplate>
-  <div
-    class="breadcrumb-dropdown-toggle link"
-    role="button"
+  <button
+    type="button"
+    class="btn btn-link"
     aria-haspopup="true"
-    tabindex="0"
     [attr.aria-controls]="controlId + item.level"
     [attr.aria-expanded]="breadcrumbDropdownOpen === item.level"
-    (keydown.enter)="toggleBreadcrumbDropdown(item.level)"
     (click)="toggleBreadcrumbDropdown(item.level)"
-    >{{ title }}...</div
+    >{{ title }}...</button
   >
 </ng-template>
 
diff --git a/projects/element-ng/breadcrumb/si-breadcrumb.component.scss b/projects/element-ng/breadcrumb/si-breadcrumb.component.scss
index 60cb0bf86c..d4391af193 100644
--- a/projects/element-ng/breadcrumb/si-breadcrumb.component.scss
+++ b/projects/element-ng/breadcrumb/si-breadcrumb.component.scss
@@ -19,10 +19,6 @@
   margin-inline: 0;
 }
 
-.breadcrumb-dropdown-toggle {
-  cursor: pointer;
-}
-
 // overwrite some of Bootstrap's dropdown styling
 .dropdown-item {
   &.active,