Scroll on touchscreen not working when used in atlaskit/modal

[FabioWanner]

I'm trying to use react-select in a atlaskit/modal (as described in the documentation react-select/portaling). Everyting works fine except scrolling the list of options with finger or pen on a touch screen.

Codepen Example

Versions used:
"react-select": "3.0.4"
"@atlaskit/modal-dialog": "10.0.6"

[slofurno]

Had the same issue, looks like atlaskit was actively blocking touch scroll events from the body when the modal was open

https://github.com/jossmac/react-scrolllock#touchscrollable

you can pass a custom menu component into react select to fix this

https://react-select.com/components

const Menu = props => (
  <components.Menu {...props}>
    <TouchScrollable>
      {props.children}
    </TouchScrollable>
  </components.Menu>
)

you will need v4 of react-scrolllock for this

[FabioWanner]

Thank you very much! This solves the problem!

Here the complete Codepen Example for anyone interested.