chore(breadcrumbs): attached keydown event to the breadcrumb link

adobe · Sep 24, 2024 · 2b01ee7 · 2b01ee7
1 parent f898e55
commit 2b01ee7
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/packages/breadcrumbs/src/BreadcrumbItem.ts b/packages/breadcrumbs/src/BreadcrumbItem.ts
@@ -82,17 +82,22 @@ export class BreadcrumbItem extends LikeAnchor(Focusable) {
         }
     }
 
+    protected handleKeyDown(event: KeyboardEvent): void {
+        if (event.key === 'Enter' || event.keyCode === 13) {
+            this.handleClick(event);
+        }
+    }
+
     protected renderLink(): TemplateResult {
         return html`
             <a
                 id="item-link"
-                href=${ifDefined(
-                    !this.isLastOfType ? this.href || '#' : undefined
-                )}
+                href=${ifDefined(!this.isLastOfType ? this.href : undefined)}
                 tabindex=${0}
                 aria-current=${ifDefined(
                     this.isLastOfType ? 'page' : undefined
                 )}
+                @keydown=${this.handleKeyDown}
                 @click=${this.handleClick}
             >
                 <slot></slot>