Carousel prevents scrolling on responsive


Topic: Carousel prevents scrolling on responsive

Alejandro Medero pro premium asked 3 years ago

Expected behavior I have an almost full screen mdb-carousel in my page. The thing is that it has a fixed style with this values:

<div tabindex="0" class="carousel  " style="touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"> 
</div>

Those touch-action:none and -webkit-user-drag: none prevents the user from vertical scrolling on responsive.

Since it's in a style atributte i can't override it.

By changing it to "auto" the problem dissapears....

How do i fix it?


Arkadiusz Idzikowski staff answered 3 years ago

Hello,

Please take a look at the documentation page and add Hammer configuration to your project:

https://mdbootstrap.com/docs/angular/advanced/mobile/


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 8.0.0
  • Device: Android
  • Browser: Android
  • OS: Android
  • Provided sample code: No
  • Provided link: No