Fixed #17071 | Tabs: scroll buttons should be type=button

primefaces · Dec 17, 2024 · 96d4eb6 · 96d4eb6
1 parent a60b402
commit 96d4eb6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/primeng/src/tabs/tablist.ts b/packages/primeng/src/tabs/tablist.ts
@@ -17,7 +17,7 @@ import { Tabs } from './tabs';
     imports: [CommonModule, ChevronLeftIcon, ChevronRightIcon, RippleModule, SharedModule],
     template: `
         @if (showNavigators() && isPrevButtonEnabled()) {
-            <button #prevButton pRipple class="p-tablist-nav-button p-tablist-prev-button" [attr.aria-label]="prevButtonAriaLabel" [attr.tabindex]="tabindex" [attr.data-pc-group-section]="'navigator'" (click)="onPrevButtonClick()">
+            <button type="button" #prevButton pRipple class="p-tablist-nav-button p-tablist-prev-button" [attr.aria-label]="prevButtonAriaLabel" [attr.tabindex]="tabindex" [attr.data-pc-group-section]="'navigator'" (click)="onPrevButtonClick()">
                 @if (prevIconTemplate || _prevIconTemplate) {
                     <ng-container *ngTemplateOutlet="prevIconTemplate || _prevIconTemplate"></ng-container>
                 } @else {
@@ -32,7 +32,7 @@ import { Tabs } from './tabs';
             </div>
         </div>
         @if (showNavigators() && isNextButtonEnabled()) {
-            <button #nextButton pRipple class="p-tablist-nav-button p-tablist-next-button" [attr.aria-label]="nextButtonAriaLabel" [attr.tabindex]="tabindex" [attr.data-pc-group-section]="'navigator'" (click)="onNextButtonClick()">
+            <button type="button" #nextButton pRipple class="p-tablist-nav-button p-tablist-next-button" [attr.aria-label]="nextButtonAriaLabel" [attr.tabindex]="tabindex" [attr.data-pc-group-section]="'navigator'" (click)="onNextButtonClick()">
                 @if (nextIconTemplate || _nextIconTemplate) {
                     <ng-container *ngTemplateOutlet="nextIconTemplate || _nextIconTemplate"></ng-container>
                 } @else {