Wrong positioning for menu component when using portal

[iJoyCode]

Hello, I've got strange positioning behavior from react-select with portal. Looks like it recalculate menu position only when something changes in Menu inner components.

Here is a example of problem:

It's can be reproduced only when you use portal for Menu component. Can I use any workaround for this situation?

[Bosn]

Similar problem here, when clicked blank area in mobile WeChat browser, will cause touch the incorrect position on page. When I touch the blank area in input, the radio control selected value changed... really weird.

[Rall3n]

It is not an error with this library, but a problem with React itself. React calls render before it updates the DOM, so the values for dimensions and positions you get in a render function might be outdated.

[chulanovskyi]

have you tried to use latest useLayoutEffect hook? Seems likes it's a perfect case for start using it :)
Of course this message is addressed to the core 'react-select' team

[bladey]

Hello -

In an effort to sustain the react-select project going forward, we're closing old issues.

We understand this might be inconvenient but in the best interest of supporting the broader community we have to direct our efforts towards the current major version.

If you aren't using the latest version of react-select please consider upgrading to see if it resolves any issues you're having.

However, if you feel this issue is still relevant and you'd like us to review it - please leave a comment and we'll do our best to get back to you!

[iJoyCode]

Issue is still reproducible in the last version.