[Drawer] Bug: Fail to scroll up on mobile

[gudh]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.7.1

Environment

macOS v10.13.6, Chrome v67.0.3396.99, React ^16.4.1

Reproduction link

https://ant.design/components/drawer/#components-drawer-demo-user-profile

Steps to reproduce

The bug happens with online demo too
check out Preview drawer example
On desktop, it works, however on mobile, it falls to scroll up

What is expected?

On mobile, it should be able to scroll down or up

What is actually happening?

On mobile, you can scroll down but fail to scroll up

[chenshuai2144]

You can change the width to 320 or 240 and it will be normal.

[gudh]

@chenshuai2144 Thanks for the quick response! Really appreciate it!

May I ask whether it'll be fixed in the next update?

[chenshuai2144]

He is not a bug, just because the demo is not suitable for display on mobile phones.

[gudh]

@chenshuai2144

Thanks for keeping in touch!

Well, all the online demo fail to scroll up on mobile

Default width is 256px, which fails too

I am a bit confused why it isn't a bug.

Thanks!

[afc163]

@chenshuai2144 We should make sure our components could be accessible at least.

[jljsj33]

???? When the state of drawer is opened, the window is not scrolling, and scroll down may be bug.

[gudh]

@jljsj33 sorry I didn't make this clear

By scrollable, I don't mean the window is scrollable, what I actually mean is the long menu inside the drawer.

Because I have a long menu (overflow: auto) inside the drawer, so it's scrollable

However, on mobile, you can scroll down the menu, but fail to scroll up

The online demos only have short content, but if you add more to make them longer than the drawer, you'll find these content fail to scroll up on mobile too

[IssueHuntBot]

@BoostIO funded this issue with $15. Visit this issue on Issuehunt

[shivamgupta94]

Agree with @gudh. Facing the same issue. When scrolling on mobile with drawer expanded it causes the background to scroll and not the drawer area.

[shivamgupta94]

Any update on when this will be fixed?

[IssueHuntBot]

@afc163 has started working. Visit this issue on Issuehunt

[IssueHuntBot]

@afc163 has submitted output. Visit this issue on Issuehunt

[IssueHuntBot]

@afc163 has rewarded. Visit this issue on Issuehunt