Merge pull request #16140 from primefaces/issue-16139

Fixed #16139 - Breadcrumb | tabindex property not working
primefaces · Aug 1, 2024 · 62f6e22 · 62f6e22
2 parents 5b1a944 + 03f4523
commit 62f6e22
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/app/components/breadcrumb/breadcrumb.ts b/src/app/components/breadcrumb/breadcrumb.ts
@@ -33,7 +33,7 @@ import { BreadcrumbItemClickEvent } from './breadcrumb.interface';
                         (click)="onClick($event, home)"
                         [target]="home.target"
                         [attr.title]="home.title"
-                        [attr.tabindex]="home.disabled ? null : '0'"
+                        [attr.tabindex]="home.disabled ? '-1' : home.tabindex || '0'"
                         [attr.ariaCurrentWhenActive]="isCurrentUrl(home)"
                     >
                         <span *ngIf="home.icon" class="p-menuitem-icon" [ngClass]="home.icon" [ngStyle]="home.iprivateyle"></span>
@@ -54,7 +54,7 @@ import { BreadcrumbItemClickEvent } from './breadcrumb.interface';
                         (click)="onClick($event, home)"
                         [target]="home.target"
                         [attr.title]="home.title"
-                        [attr.tabindex]="home.disabled ? '-1' : '0'"
+                        [attr.tabindex]="home.disabled ? '-1' : home.tabindex || '0'"
                         [attr.ariaCurrentWhenActive]="isCurrentUrl(home)"
                         [fragment]="home.fragment"
                         [queryParamsHandling]="home.queryParamsHandling"
@@ -84,7 +84,7 @@ import { BreadcrumbItemClickEvent } from './breadcrumb.interface';
                             (click)="onClick($event, item)"
                             [target]="item.target"
                             [attr.title]="item.title"
-                            [attr.tabindex]="item.disabled ? null : '0'"
+                            [attr.tabindex]="item.disabled ? '-1' : item.tabindex || '0'"
                             [attr.ariaCurrentWhenActive]="isCurrentUrl(item)"
                         >
                             <ng-container *ngIf="!itemTemplate">
@@ -108,7 +108,7 @@ import { BreadcrumbItemClickEvent } from './breadcrumb.interface';
                             (click)="onClick($event, item)"
                             [target]="item.target"
                             [attr.title]="item.title"
-                            [attr.tabindex]="item.disabled ? null : '0'"
+                            [attr.tabindex]="item.disabled ? '-1' : item.tabindex || '0'"
                             [fragment]="item.fragment"
                             [queryParamsHandling]="item.queryParamsHandling"
                             [preserveFragment]="item.preserveFragment"