Autocomplete misbehaves with asynchronous options

[mattrothenberg]

Issue summary

When setting options after an asynchronous operation, the Autocomplete component doesn't render the interactive list of options until a user presses down on their keyboard.

This can be reproduced on the Autocomplete with loading demo on https://polaris.shopify.com/components/forms/autocomplete.

Demo

Expected behavior

The option menu should be visible after the options prop changes values following an asynchronous operation.

Actual behavior

The option menu remains hidden after the options prop changes values following an asynchronous operation.

Steps to reproduce the problem

1. Type "r" in the autocomplete box
2. Observe that the option list is hidden
3. Press the down button on your keyboard
4. Observe that the option list is visible

[ghost]

👋 Thanks for opening your first issue. A contributor should give feedback soon. If you haven’t already, please check out the contributing guidelines.

[roark]

I'm experiencing this as well. The AutoComplete will not redisplay the updated options unless an explicit down arrow key is pressed.

[jonpulsifer]

Duplicate of #3048