Menu list is not shown in a scrollable div

[xabikos]

When we render the select component inside a div that has overflow auto and there is not enough space for the menu to appear then we need to scroll to be able to see all the options. You can see an example here

Instead a behavior like on that follows would be better

Both of the pop ups are absolute positioned but I couldn't find any other differences

[xabikos]

After investigating a bit more and dig into the code of react-datepicker to see how they do it I found that this control uses tether library to have the pop up absolute positioning and always to the right spot. Is there any interest to submit a pull request and follow the same approach to solve the issue? @JedWatson

[christophediprima]

I am very interested on this feature as I am having the same issue in my list !

[winterbe]

Is this fixed in latest 1.0-beta? I would love to give react-select a try but this issue would be a job stopper for us.

[guilleCM]

Any fix this issue?

[matthewcorreia]

@guilleCM if you use react-select v2, there is an option to use portals to solve this issue:
https://react-select.com/advanced#portaling