Topic: mdb-carousel does not allow swipe up/down in mobile browser
Expected behavior When swiping the web page while touching on top of the mdb-carousel component, the page should scroll. The page scrolls fine when swiping up/down on the mdb-carousel component on the demo site.
Actual behavior When swiping up/down on the mdb-carousel component on a mobile browser ( android ) , the web page does not scroll. The touch swipe event is probably hijacked by the mdb-carousel component, while the page does not scroll. On swiping up/down anywhere outside the mdb-carousel componet, the page scrolls fine. Resources (screenshots, code snippets etc.)
Dear @Saurabh Srivastava
Your problem was answered a few times on this support forum.
You have to configure the HammerJS in your project, and there won't be such a problem.
Please take a look at this: Mobile Documentation.
Best Regards,
Damian
@Damian Gemza Thanks for answering it again.
I struggled getting an answer for this. This works 100!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 8.0.0
- Device: Pixel 2 XL
- Browser: Chrome Version 75.0.3770.143
- OS: Android 9 (P)
- Provided sample code: No
- Provided link: No