Fix AutoComplete highlighting

melloware · Jul 31, 2024 · ac3e7ec · ac3e7ec
1 parent a4f4ee8
commit ac3e7ec
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/components/lib/autocomplete/AutoComplete.js b/components/lib/autocomplete/AutoComplete.js
@@ -476,12 +476,6 @@ export const AutoComplete = React.memo(
             ObjectUtils.combinedRefs(inputRef, props.inputRef);
         }, [inputRef, props.inputRef]);
 
-        React.useEffect(() => {
-            if (searchingState && props.autoHighlight && props.suggestions && props.suggestions.length) {
-                autoHighlightFirstOption();
-            }
-        }, [searchingState]);
-
         useMountEffect(() => {
             if (!idState) {
                 setIdState(UniqueComponentId());
@@ -494,6 +488,12 @@ export const AutoComplete = React.memo(
             alignOverlay();
         });
 
+        useUpdateEffect(() => {
+            if (searchingState && props.autoHighlight && props.suggestions && props.suggestions.length) {
+                autoHighlightFirstOption();
+            }
+        }, [searchingState]);
+
         useUpdateEffect(() => {
             if (searchingState) {
                 ObjectUtils.isNotEmpty(props.suggestions) || props.showEmptyMessage ? show() : hide();