Topic: Carousel prevents scrolling on responsive
Alejandro Medero asked 5 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 5 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/
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 8.0.0
- Device: Android
- Browser: Android
- OS: Android
- Provided sample code: No
- Provided link: No