Keep the Autocomplete menu open when losing focus

[ST-Saint]

The autocomplete menu would close automatically when scrolling the page, even with menuTrigger='manual'.

I wonder if it is possible to keep the menu open when losing focus (e.g., scrolling the page).

[wingkwong]

Yes. It's possible by adding popoverProps={{shouldCloseOnScroll: false}} to Autocomplete. e.g.

<Autocomplete label="Favorite Animal" popoverProps={{shouldCloseOnScroll: false}}>
  <AutocompleteItem key="red_panda">Red Panda</AutocompleteItem>
  <AutocompleteItem key="cat">Cat</AutocompleteItem>
  <AutocompleteItem key="dog">Dog</AutocompleteItem>
</Autocomplete>