fix: #7527, Dropdown: Editable Dropdown search not working as expected (

#7528) Co-authored-by: ANTONA09 <[email protected]>
primefaces · Dec 26, 2024 · fb4d9f1 · fb4d9f1
1 parent 63c6c34
commit fb4d9f1
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/components/lib/dropdown/Dropdown.js b/components/lib/dropdown/Dropdown.js
@@ -588,12 +588,24 @@ export const Dropdown = React.memo(
             return isOptionDisabled(option) ? findPrevOption(i) : option;
         };
 
+        const findInArray = (visibleOptions, searchText) => {
+            if (!searchText || !visibleOptions?.length) return -1;
+
+            const normalizedSearch = searchText.toLocaleLowerCase();
+
+            const exactMatch = visibleOptions.findIndex((item) => getOptionLabel(item).toLocaleLowerCase() === normalizedSearch);
+
+            if (exactMatch !== -1) return exactMatch;
+
+            return visibleOptions.findIndex((item) => getOptionLabel(item).toLocaleLowerCase().startsWith(normalizedSearch));
+        };
+
         const onEditableInputChange = (event) => {
             !overlayVisibleState && show();
             let searchIndex = null;
 
             if (event.target.value && visibleOptions) {
-                searchIndex = visibleOptions.findIndex((item) => getOptionLabel(item).toLocaleLowerCase().startsWith(event.target.value.toLocaleLowerCase()));
+                searchIndex = findInArray(visibleOptions, event.target.value);
             }
 
             setFocusedOptionIndex(searchIndex);