MultiSelect | Fix header checkbox focus

primefaces · Oct 24, 2023 · c842b8d · c842b8d
1 parent 1731e86
commit c842b8d
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/app/components/multiselect/multiselect.ts b/src/app/components/multiselect/multiselect.ts
@@ -237,6 +237,7 @@ export class MultiSelectItem {
                                 >
                                     <div class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true">
                                         <input
+                                            #headerCheckbox
                                             type="checkbox"
                                             [readonly]="readonly"
                                             [attr.checked]="allSelected()"
@@ -839,6 +840,8 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft
 
     @ViewChild('firstHiddenFocusableEl') firstHiddenFocusableElementOnOverlay: Nullable<ElementRef>;
 
+    @ViewChild('headerCheckbox') headerCheckboxViewChild: Nullable<ElementRef>;
+
     @ContentChild(Footer) footerFacet: any;
 
     @ContentChild(Header) headerFacet: any;
@@ -1719,6 +1722,8 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft
             return;
         }
 
+        DomHandler.focus(this.headerCheckboxViewChild.nativeElement);
+
         const value = this.allSelected()
             ? []
             : this.visibleOptions()