Cannot scroll up on iPhones

[mechaadi]

Having this strange issue on iphones, the same code works fine on android and desktop but it breaks when it comes to iOS.

Whenever I scroll down then lift my finger off the screen and try to scroll up again, it doesn't work. But when I scroll down and scroll up without lifting my finger, it works. This only happens on iOS devices, I have tested it both on safari and chrome, same results.

Tried my best to solve it but seems like I am missing something in here, any help is appreciated.

Thanks in advance. :)

[mechaadi]

Here's a video.

https://drive.google.com/file/d/1d-DDUK5QcQgrTe8Ma5aR3tZqp5IG6ejJ/view?usp=sharing

[YuriyBC]

@mechaadi, hi, did you manage to fix it?

[mechaadi]

@YuriyBC Hey, nope. No luck 😕

[mankee10200]

Any luck - experiencing the exact same issue...my guess is the swipe event is being intercepted by the bottom sheet and doesn't reach the child component?

[YuriyBC]

@mankee10200, i managed to succeed with using only react-swipeable-views lib. You can try it directly

[mankee10200]

Do you have any code snippet on how you achieved that?

On May 14, 2021 at 7:12 pm, <YuriyBC @.***)> wrote:

@mankee10200 (https://github.com/mankee10200), i managed to succeed with using only react-swipeable-views lib. You can try it directly

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub (https://github.com/manufont/react-swipeable-bottom-sheet/issues/21#issuecomment-841415864), or unsubscribe (https://github.com/notifications/unsubscribe-auth/AGKMIWENELC5BAJGRHCPJDLTNVRYDANCNFSM4Z4VUQUA).

[Roman-Gulamov]

Did you manage to solve the problem?

[gurupal]

anyone have solution for this ?

[Svyatozar]

Try to define in css:

.ReactSwipeableBottomSheet--closed, .ReactSwipeableBottomSheet--open { overflow: hidden !important; }

[oukunanan]

Try to define in css:

.ReactSwipeableBottomSheet--closed, .ReactSwipeableBottomSheet--open { overflow: hidden !important; }

I tried this and fixed scroll up but introduce cannot scroll down on the IOS issue. 😥

[mhasan320]

Anyone can solved this issue. I am also facing this problem, try to solved it but can't fix this.

[ShailzaSondhi2022]

Any update regarding this issue

[bini-man]

Any update regarding this issue

[Nandan-Reddy]

@YuriyBC I am facing the same issue rn. It would be greate if you can share the code of how you solved using only react-swipeable-views lib

[bini-man]

@Nandan-Reddy I faced this issue but am not able to fix it so I replace this Library with https://www.npmjs.com/package/react-spring-bottom-sheet it has the same functionality.

[Nandan-Reddy]

@bini-man can you please share the code of how you made the bottom swipeable drawer with https://www.npmjs.com/package/react-spring-bottom-sheet?