Fix #4423: MultiSelect filterInputAutoFocus prop (#4425)

primefaces · May 19, 2023 · eaae50c · eaae50c
1 parent 290b03a
commit eaae50c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/components/lib/multiselect/MultiSelectBase.js b/components/lib/multiselect/MultiSelectBase.js
@@ -15,6 +15,7 @@ export const MultiSelectBase = {
         emptyFilterMessage: null,
         filter: false,
         filterBy: null,
+        filterInputAutoFocus: true,
         filterLocale: undefined,
         filterMatchMode: 'contains',
         filterPlaceholder: null,

diff --git a/components/lib/multiselect/MultiSelectPanel.js b/components/lib/multiselect/MultiSelectPanel.js
@@ -26,7 +26,7 @@ export const MultiSelectPanel = React.memo(
 
         const onEntered = () => {
             props.onEntered(() => {
-                if (props.filter && filterInputRef.current) {
+                if (props.filter && props.filterInputAutoFocus && filterInputRef.current) {
                     DomHandler.focus(filterInputRef.current, false);
                 }
             });

diff --git a/components/lib/multiselect/multiselect.d.ts b/components/lib/multiselect/multiselect.d.ts
@@ -263,6 +263,11 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * @defaultValue label
      */
     filterBy?: string | undefined;
+    /**
+     * When the panel is opened, it specifies that the filter input should focus automatically.
+     * @defaultValue true
+     */
+    filterInputAutoFocus?: boolean | undefined;
     /**
      * Icon of the filter icon.
      */