mdb-carousel does not allow swipe up/down in mobile browser


Topic: mdb-carousel does not allow swipe up/down in mobile browser

Saurabh Srivastava asked 5 years ago

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.)


Damian Gemza staff answered 5 years ago

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!


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • 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