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 (#21 (comment)), 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?

[leo-web3]

Try to define in css:

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

This solution can solve the problem that you cannot scroll up after scrolling down to the bottom, but it will also cause another problem. As long as you scroll to the bottom and swipe up again, the entire component will be collapsed. This problem needs to be solved.