Repository navigation
defaultMenuIsOpen doesn't work with menuPortalTarget #4749
Description
Hi, we're using v4.3.1 and wish to load the select with the menu open. We're using the component like this:
<ReactSelect defaultMenuIsOpen menuPortalTarget={document.body} />
The component doesn't render with the menu open. It does work if I remove the menuPortalTarget prop.
I've had a look at the source code and it looks like there's a race condition with the MenuPortal component and the controlRef. I'll create a PR for you to take a look at.
Thanks :)
Activity
fix JedWatson#4749: prevent Select from rendering menu until after fi…
mthorning commentedon Sep 6, 2021
PR is here, apologies for not having created it on the right branch so that it would link automatically.
Rall3n commentedon Sep 6, 2021
Hello @mthorning,
could you please check if the issue still occurs with the latest beta release (react-select@5.0.0-beta.1)?
mthorning commentedon Sep 7, 2021
Hi @Rall3n, the same issue exists in 5.0.0-beta.1.
ebonow commentedon Oct 20, 2021
Issue still exists in version 5.1
https://codesandbox.io/s/wonderful-wood-vzukp?file=/src/App.js