Fix run input blur only when value changes

marmelab · Dec 20, 2021 · 078c4e4 · 078c4e4
1 parent 9febf1f
commit 078c4e4
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/ra-ui-materialui/src/input/AutocompleteInput.tsx b/packages/ra-ui-materialui/src/input/AutocompleteInput.tsx
@@ -323,8 +323,6 @@ export const AutocompleteInput = (props: AutocompleteInputProps) => {
                 ? inputText(getChoiceText(selectedItem).props.record)
                 : getChoiceText(selectedItem)
         );
-
-        inputEl.current.blur();
     }, [
         input.value,
         handleFilterChange,
@@ -333,6 +331,10 @@ export const AutocompleteInput = (props: AutocompleteInputProps) => {
         inputText,
     ]);
 
+    useEffect(() => {
+        inputEl.current.blur();
+    }, [input.value]);
+
     // This function ensures that the suggestion list stay aligned to the
     // input element even if it moves (because user scrolled for example)
     const updateAnchorEl = () => {