Comments (16)
@mankee10200, i managed to succeed with using only react-swipeable-views lib. You can try it directly
from react-swipeable-bottom-sheet.
Try to define in css:
.ReactSwipeableBottomSheet--closed,
.ReactSwipeableBottomSheet--open {
overflow: hidden !important;
}
from react-swipeable-bottom-sheet.
@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.
from react-swipeable-bottom-sheet.
Here's a video.
https://drive.google.com/file/d/1d-DDUK5QcQgrTe8Ma5aR3tZqp5IG6ejJ/view?usp=sharing
from react-swipeable-bottom-sheet.
@mechaadi, hi, did you manage to fix it?
from react-swipeable-bottom-sheet.
@YuriyBC Hey, nope. No luck 😕
from react-swipeable-bottom-sheet.
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?
from react-swipeable-bottom-sheet.
from react-swipeable-bottom-sheet.
Did you manage to solve the problem?
from react-swipeable-bottom-sheet.
anyone have solution for this ?
from react-swipeable-bottom-sheet.
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. 😥
from react-swipeable-bottom-sheet.
Anyone can solved this issue. I am also facing this problem, try to solved it but can't fix this.
from react-swipeable-bottom-sheet.
Any update regarding this issue
from react-swipeable-bottom-sheet.
Any update regarding this issue
from react-swipeable-bottom-sheet.
@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
from react-swipeable-bottom-sheet.
@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?
from react-swipeable-bottom-sheet.
Related Issues (20)
- Any CSS required to make it work? HOT 4
- [Issue] Please update react-swipeable-views dependency HOT 1
- Cordova? HOT 1
- How to fix header of the sheet? HOT 1
- horizontal swiping
- Scroll Bug on Controlled Component with Touch event HOT 3
- Build errors and Typescript changes
- Content overflowing through left of screen HOT 1
- Accessibility: Content in BottomSheet is hidden from screen readers
- how implement with three mode HOT 1
- Unmount after exit
- Can't close by dragging with a mouse HOT 1
- Could not resolve dependency
- Large height overflowing through the top of the screen HOT 3
- Error on setState() on an unmounted component inside HeightUpdater HOT 1
- Two scrollbars HOT 2
- Wrong scroll offset after closing HOT 6
- Add class to body when open HOT 4
- Question on how to extend HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-swipeable-bottom-sheet.