[FIX] primefaces#14600

pouyababaie · Jan 22, 2024 · 73a2c67 · 73a2c67
1 parent 239b86c
commit 73a2c67
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/src/app/components/splitbutton/splitbutton.ts b/src/app/components/splitbutton/splitbutton.ts
@@ -52,7 +52,7 @@ type SplitButtonIconPosition = 'left' | 'right';
                 class="p-splitbutton-menubutton p-button-icon-only"
                 (click)="onDropdownButtonClick($event)"
                 (keydown)="onDropdownButtonKeydown($event)"
-                [disabled]="disabled"
+                [disabled]="menuButtonDisabled"
                 [attr.aria-label]="menuButtonProps?.['aria-label'] || expandAriaLabel"
                 [attr.aria-haspopup]="menuButtonProps?.['aria-haspopup'] || true"
                 [attr.aria-expanded]="menuButtonProps?.['aria-expanded'] || isExpanded()"
@@ -127,6 +127,11 @@ export class SplitButton {
      * @group Props
      */
     @Input() disabled: boolean | undefined;
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @group Props
+     */
+    @Input() menuButtonDisabled: boolean | undefined;
     /**
      * Index of the element in tabbing order.
      * @group Prop

diff --git a/src/app/showcase/doc/splitbutton/disableddoc.ts b/src/app/showcase/doc/splitbutton/disableddoc.ts
@@ -7,11 +7,16 @@ import { Code } from '../../domain/code';
     template: `
         <app-docsectiontext>
             <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
+            <p>You can now use <i>menuButtonDisabled</i> to disable menu icon button.</p>
         </app-docsectiontext>
         <div class="card flex justify-content-center">
             <p-toast></p-toast>
             <p-splitButton label="Save" icon="pi pi-plus" (onClick)="save('info')" [model]="items" [disabled]="true"></p-splitButton>
         </div>
+        <div class="card flex justify-content-center">
+            <p-toast></p-toast>
+            <p-splitButton label="Save" icon="pi pi-plus" (onClick)="save('info')" [model]="items" [menuButtonDisabled]="true"></p-splitButton>
+        </div>
         <app-code [code]="code" selector="split-button-disabled-demo"></app-code>
     `,
     providers: [MessageService]
@@ -60,7 +65,15 @@ export class DisabledDoc {
 <div class="card flex justify-content-center">
     <p-toast></p-toast>
     <p-splitButton label="Save" icon="pi pi-plus" (onClick)="save('info')" [model]="items" [disabled]="true"></p-splitButton>
-</div>`,
+    
+</div>
+
+<div class="card flex justify-content-center">
+    <p-toast></p-toast>
+    <p-splitButton label="Save" icon="pi pi-plus" (onClick)="save('info')" [model]="items" [menuButtonDisabled]="true"></p-splitButton>
+    
+</div>
+`,
 
         typescript: `
 import { Component } from '@angular/core';