Skip to content

AutocompleteInput: inconsistent input update behavior with filterSelectedOptions={false} compared to MUI #11209

@540792740

Description

@540792740

What you were expecting:
When using filterSelectedOptions={false}, selecting a filtered option should immediately update (autocomplete) the input value — consistent with MUI Autocomplete behavior.

What happened instead:
In AutocompleteInput (react-admin):

  • After selecting an option
  • Then deleting the last few characters of the input
  • Selecting the same option again

👉 The input does not update immediately
👉 It only updates after the input loses focus (blur)

This results in a delayed and inconsistent user experience.

In contrast, MUI Autocomplete updates the input value immediately upon selection.

Steps to reproduce:

  1. Render two components side by side:
  • react-admin AutocompleteInput
  • MUI Autocomplete
  1. Set filterSelectedOptions={false} on both
  2. Perform the following steps:
  • Select an option (e.g., “Apple”)
  • Delete the last 1–2 characters from the input (e.g., “Appl”)
  • Click the same option again from the dropdown
  1. Observe behavior:
  • react-admin: input does not update until blur
  • MUI: input updates immediately

Related code:
Preview: https://github9kxggvjf-5q1n--8080--4c73681d.local-credentialless.webcontainer.io/
Demo Code: https://stackblitz.com/edit/github-9kxggvjf?file=src%2FDemo.tsx

Environment
Latest Version Can reproduce

  • React-admin version: V5.8
  • React version: V19
  • Browser: Chrome

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions