Cannot make div scrollable (mobile?)

[piciuok]

Hey!

I'm supprised that i cannot scroll my div. I looked deeper and i found, that method removeMoveHandler in DrawerChild prevent me from scrolling. Have you any idea how to solve that?

If i return; in that method immediately, all works fine.

steps:

1. create div in drawer
2. add to div overflow:auto and max-width: 100%
3. create inside div another div, give him min-width: 1000px and some fake content
4. switch to mobile view, set 400px viewport
5. try to scroll by swipe that div

I use that for scrolling tables in articles, that have many columns and not fit to small screen

[sowka1995]

I have the same issue. If you set mask property to false than your drawer content will be scrollable but its not a solution, because we normally want to have a mask overlay - mainly on desktop

[anhtran]

I have to modify code to force passive: true in https://github.com/react-component/drawer/blob/master/src/DrawerChild.tsx#L313 to make the app works. Hope this issue will be resolved soon.

[jljsj33]

Android??? What browser???/

[anhtran]

@jljsj33 Chrome on iOS and Android.

[jljsj33]

iOS chrome no problem.

[jljsj33]

need reproduce

[anhtran]

@jljsj33 sorry, it's about horizontal scroll.

[jljsj33]

Problem found, https://github.com/react-component/drawer/blob/master/src/utils.ts#L107-L108

[jljsj33]

fix in v4.0.1

[luigi-veo]

fix in v4.0.1

It is still not working for me, neither on chrome, safari or firefox. The scroll is locked.
I'm using version 4.3.1

It works fine with placement="left" or "right"
It does not work with "top" or "bottom"

<Drawer
      open={isOpen}
      onClose={closeDrawer}
      level={null}
      placement="top"
      handler={false}
      wrapperClassName="instant-search__drawer"
   >{ children }</Drawer>