Dropdown remains fixed in place and doesn't scroll with parent container

This issue is a round-up of multiple past issues documenting the same bug. Feel free to check out the linked issues below for more information. This issue is the source of truth going forward to investigate the issue, report findings, and implement a bug fix.

Issue:

Dropdown remains fixed in place and doesn’t scroll with parent container.

The commit responsible for this issue is located here - https://github.com/JedWatson/react-select/commit/691a01171969da89e20097f9d603651bb18a8510

Version v3.0.4 does not have this bug however the latest release v3.1.0 does.

Issues:

https://github.com/JedWatson/react-select/issues/4554 https://github.com/JedWatson/react-select/issues/4020 https://github.com/JedWatson/react-select/issues/4052 https://github.com/JedWatson/react-select/issues/3734 https://github.com/JedWatson/react-select/issues/4085 https://github.com/JedWatson/react-select/issues/3929 https://github.com/JedWatson/react-select/issues/3349 https://github.com/JedWatson/react-select/issues/3646

Examples:

https://codesandbox.io/s/react-select-v3-sandbox-forked-lgkms https://codesandbox.io/s/compassionate-cookies-85j2n https://codesandbox.io/s/react-select-v3-sandbox-kr5wf https://codesandbox.io/s/festive-dirac-izf5y https://codesandbox.io/s/react-codesandboxer-example-xy47y

If anyone would like to share any further information, please do so.

[mjb95]

Hi, has any progress been made on this issue?

[Methuselah96]

By way of an update, we have finished the Flow to TypeScript conversion and we’re taking a look at this issue as our next focus. Depending on how extensive the changes have to be to fix this, this might end up in either v5 or v6 (if it requires breaking changes). Thanks everyone for your patience.