Cannot horizontal scroll the content even thought specific overflow: scroll on the IOS browser

[oukunanan]

It's working great on the desktop version but not for the IOS browser.

I updated the OS to the latest version.

Here is the example: https://codesandbox.io/s/wonderful-paper-hdjjd?file=/src/App.js

[ingokpp]

I have the same problem :/

[ingokpp]

I found the problem. Horizontal Scroll doesn't work when expandOnContentDrag is set to true.

[f1sh1918]

scrollLocking set to false fixed the problem for me

[SausageMania]

I forced overflow: hidden in body when bottom-sheet is opened, and it seems to work well in my case.

    <>
      <BottomSheet open={open} {...rest}>
        {children}
      </BottomSheet>
      {open && (
        <style jsx global>{`
          body {
            overflow: hidden !important;
          }
          #root {
            pointer-events: none;
          }
        `}</style>
      )}
    </>