docs(small-stage): focusable breadcrumb in small stage example (#1207)

* fix(breadcrumb): remove native outline * docs(small-stage): make breadcrumb focusable * docs(small-stage): make breadcrumb focusable * fix(header): prevent style leak * Revert "fix(header): prevent style leak" This reverts commit 9800f11974ee1f514e445cd3c21b09b8457765f2. * fix(breadcrumb): revert
allianz · Jun 5, 2024 · f5ccd56 · f5ccd56
1 parent 01e518f
commit f5ccd56
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/...ples/small-stage/small-stage-content-variation/small-stage-content-variation-example.html b/...ples/small-stage/small-stage-content-variation/small-stage-content-variation-example.html
@@ -31,9 +31,9 @@ <h2 nxHeadline="section">Headline text</h2>
 <nx-small-stage class="nx-margin-bottom-m">
     <nav aria-label="Breadcrumb" nxSmallStageHeader>
         <ol nxBreadcrumb>
-            <li><a nxBreadcrumbItem>Home</a></li>
-            <li><a nxBreadcrumbItem>Insurance</a></li>
-            <li><a nxBreadcrumbItem>Health Insurance</a></li>
+            <li><a href="#" nxBreadcrumbItem>Home</a></li>
+            <li><a href="#" nxBreadcrumbItem>Insurance</a></li>
+            <li><a href="#" nxBreadcrumbItem>Health Insurance</a></li>
         </ol>
     </nav>
 

diff --git a/...a/documentation/examples/small-stage/small-stage-default/small-stage-default-example.html b/...a/documentation/examples/small-stage/small-stage-default/small-stage-default-example.html
@@ -2,7 +2,11 @@
     <nav aria-label="Breadcrumb" nxSmallStageHeader>
         <ol nxBreadcrumb>
             <li *ngFor="let item of dynamicItems; let i = index">
-                <a nxBreadcrumbItem (click)="goToItem(i)" routerLink="#">
+                <a
+                    nxBreadcrumbItem
+                    (click)="goToItem(i)"
+                    href="javascript:void(0)"
+                >
                     {{ item }}
                 </a>
             </li>