[@mantine/core] MultiSelect: Fix hoverOnSearchChange not working co…

…rrectly when `creatable` prop is set (#4344) * [@mantine/core] MultiSelect: fix hoverOnSearchChange when creatable * [@mantine/core] MultiSelect: remove demo
mantinedev · Jun 18, 2023 · 94b0ab5 · 94b0ab5
1 parent 3001cc4
commit 94b0ab5
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/mantine-core/src/MultiSelect/MultiSelect.tsx b/src/mantine-core/src/MultiSelect/MultiSelect.tsx
@@ -297,6 +297,11 @@ export const MultiSelect = forwardRef<HTMLInputElement, MultiSelectProps>((props
     disableSelectedItemFiltering,
   });
 
+  if (isCreatable && shouldCreate(_searchValue, sortedData)) {
+    createLabel = getCreateLabel(_searchValue);
+    filteredData.push({ label: _searchValue, value: _searchValue, creatable: true });
+  }
+
   const hovered = Math.min(_hovered, filteredData.length - 1);
 
   const getNextIndex = (
@@ -572,11 +577,6 @@ export const MultiSelect = forwardRef<HTMLInputElement, MultiSelectProps>((props
     }
   };
 
-  if (isCreatable && shouldCreate(_searchValue, sortedData)) {
-    createLabel = getCreateLabel(_searchValue);
-    filteredData.push({ label: _searchValue, value: _searchValue, creatable: true });
-  }
-
   const shouldRenderDropdown =
     !readOnly && (filteredData.length > 0 ? dropdownOpened : dropdownOpened && !!nothingFound);