<AutocompleteArrayInput> seems buggy when selecting more than one

[afilp]

What you were expecting:
The AutocompleteArrayInput be able to select many items without problems

What happened instead:
See here:

Text:

I choose a 2nd selection from the referenced values, it appears for some milliseconds and then disappears from the UI, while it IS INDEED set on the form.

Text:

Then, I choose again another value, and it is added in both the UI and the form, BUT the previous "ghosted-from-the-UI" selection is now removed from the form too.

But, I did want that 2nd value, I lost it entirely now

I do not know if the problem is on the backend that sometimes delays to get the List? This may be a different problem though?

Another example, that the problems happens even on the 1st selection.

I search for the "like" of "3429" and I get some suggestions, and a select one of them, the one with id "655".
It appears for some milliseconds and them it immediately disappears.

Text:

Maybe the above sequence of events that ends on a non-filtered search with limit 25, may not include the id "655" which was selected based on the previous filtered list (with name ~ "3429")?

I am sorry I can't explain it better, this happens when the structure is as such:

<ReferenceArrayInput ... /><AutocompleteArrayInput ... /> </ReferenceArrayInput ...>

Environment

• React-admin version: "^5.11.3"

[slax57]

I'm afraid we're gonna need a reproduction to be able to help you further.

Please provide a reproduction based on this Stackblitz or at least a minimal github project allowing to reproduce.

[afilp]

Do you maybe have one for AutocompleteArrayInput ready with some rest api calls? For testing? So that I can demo based on that?

The problem I think it maybe due to the 2nd and 3rd call that maybe interfere with some cache.

[slax57]

There you go
https://stackblitz.com/edit/github-utdqncrv?file=src%2Fposts%2FPostEdit.tsx