AutocompleteInput suggestions list location in filters

General description In filters of a List module, if a ReferenceInput with AutocompleteInput is moved after adding/removing another filter, the suggestions list stays at the old location.

What you were expecting:

When I add a new filter, I want the suggestions list of the previous AutocompleteInput to be moved to the right place.

What happened instead:

When a new filter is added/removed to a List, the AutocompleteInput is moved to the right place, but the suggestions list opens at the old location of the filter.

Steps to reproduce:

When adding a filter:

When removing a filter:

Related code:

const OrderFilters = props => (
  <Filter {...props}>
    <TextInput source="company" />
    <ReferenceInput
      source="customer_id"
      reference="customer"
      allowEmpty
    >
      <AutocompleteInput optionText="name" />
    </ReferenceInput>
    <ReferenceInput
      source="carrier_id"
      reference="carrier"
      allowEmpty
    >
      <AutocompleteInput optionText="name" />
    </ReferenceInput>
  </Filter>
);

const OrderList = props => (
<List {...props} filters={<OrderFilters />}>
 [...]
</List>

Other information:

No error stacktrace.

Environment

• React-admin version: 2.2.3
• Last version that did not exhibit the issue (if applicable): unknown
• React version: 16.4.13
• Browser: Chrome 68.0.3440.106

[selenyillar]

Can you please also add this solution on AutocompleteInput? With this commit, now it seems only the AutocompleteArrayInput has fixed.

[tiagoschenkel]

@selenyillar, #2928 solves the problem also for AutocompleteInput.