ReferenceInput -> AutocompleteArrayInput - item disappears visually after choosing

What you were expecting: When using an <AutocompleteArrayInput> inside a <ReferenceInput>, and typing for autocomplete, the chosen item should stay visible in the UI choices.

What happened instead: The item disappears visually (but no in the actual store):

Steps to reproduce:

Creating this layout reproduces the bug:

<SimpleForm resource={RESOURCE_NAME}>
  <ReferenceInput
    source="externalId"
    reference={RESOURCE_NAME}
    filterToQuery={searchText => ({
      _q_name: searchText
    })}
  >
    <AutocompleteArrayInput optionValue="externalId" label="" />
  </ReferenceInput>
</SimpleForm>

Where RESOURCE_NAME is defined under the main <Admin> component and this SimpleForm is on another screen. It seems like the input is trying to insert a value that it cannot find after choosing the value.

This also happens with <AutocompleteInput>.

When choosing from the initial list without typing, it works fine:

Environment

• React-admin version: 2.9.0
• Last version that did not exhibit the issue (if applicable): -
• React version: ^16.12.0
• Browser: Google Chrome Version 80.0.3987.132 (Official Build) (64-bit)

[erkhem42]

This is fixed in v3.

@fzaninotto The issue is still there in 3.8.2. When you type in autocomplete input (<AutocompleteArrayInput> inside a <ReferenceInput>), the previous selected items are disappeared. IMO it’s because suggestion list don’t include the previous items, so the previous selected item names are disappeared. But i’m not sure

[fzaninotto]

This is fixed in v3. If someone from the community wants to fix this in v2, then please open a PR. Otherwise, we’ll close this issue within a few months.