diff --git a/packages/ra-ui-materialui/src/input/AutocompleteInput.spec.tsx b/packages/ra-ui-materialui/src/input/AutocompleteInput.spec.tsx
index b722ec57158..8dd85dfa8c6 100644
--- a/packages/ra-ui-materialui/src/input/AutocompleteInput.spec.tsx
+++ b/packages/ra-ui-materialui/src/input/AutocompleteInput.spec.tsx
@@ -12,6 +12,17 @@ import { Form } from 'react-final-form';
 import { TestTranslationProvider } from 'ra-core';
 
 describe('<AutocompleteInput />', () => {
+    //Fix document.createRange is not a function error on fireEvent usage (Fixed in jsdom v16.0.0)
+    //reported by https://github.com/mui-org/material-ui/issues/15726#issuecomment-493124813
+    global.document.createRange = () => ({
+        setStart: () => {},
+        setEnd: () => {},
+        commonAncestorContainer: {
+            nodeName: 'BODY',
+            ownerDocument: document,
+        },
+    });
+
     const defaultProps = {
         source: 'role',
         resource: 'users',
@@ -34,6 +45,21 @@ describe('<AutocompleteInput />', () => {
         expect(getByRole('combobox')).not.toBeNull();
     });
 
+    it('should set AutocompleteInput value to an empty string when the selected item is null', () => {
+        const { queryByDisplayValue } = render(
+            <Form
+                onSubmit={jest.fn()}
+                render={() => (
+                    <AutocompleteInput
+                        {...defaultProps}
+                        choices={[{ id: 2, name: 'foo' }]}
+                    />
+                )}
+            />
+        );
+        expect(queryByDisplayValue('')).not.toBeNull();
+    });
+
     it('should use the input parameter value as the initial state and input searchText', () => {
         const { queryByDisplayValue } = render(
             <Form
diff --git a/packages/ra-ui-materialui/src/input/AutocompleteInput.tsx b/packages/ra-ui-materialui/src/input/AutocompleteInput.tsx
index c8b2a1e3502..9d859457176 100644
--- a/packages/ra-ui-materialui/src/input/AutocompleteInput.tsx
+++ b/packages/ra-ui-materialui/src/input/AutocompleteInput.tsx
@@ -230,7 +230,9 @@ const AutocompleteInput: FunctionComponent<
         // If we have a value, set the filter to its text so that
         // Downshift displays it correctly
         setFilterValue(
-            typeof input.value === 'undefined' || input.value === null
+            typeof input.value === 'undefined' ||
+                input.value === null ||
+                selectedItem === null
                 ? ''
                 : inputText
                 ? inputText(getChoiceText(selectedItem).props.record)