Topic: MDB carousel not able to scroll on iphone for angular
Dear tommyw,
We have checked this problem using Browserstack iPhone X emulator.
If I add the HammerJS configuration to the application, I'm able to scroll over the carousel. Without it I'm unable.
I'm guessing, that you have provided no HammerJS configuration, and because of that, you can't use scroll when touching carousel.
Please take a look at our Mobile docs, where it is described how you should config the HammerJS in your project.
Best Regards,
Damian
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: 5.2.3
- Device: iphone
- Browser: safari
- OS: ios
- Provided sample code: No
- Provided link: No
tommyw pro premium priority commented 6 years ago
I have the same problem.. Let me analyze it a bit but been the same for a year. Now running latest version. Mine are multi-items with a fixed height and that might be the cause. If I scroll at a constant speed from top to bottom, all page works. but if I stop on the carousel, it wont scroll up and down anymore. But I will check in on it!
Arkadiusz Idzikowski staff commented 6 years ago
Could you provide more information about the problem? Which MDB Angular version do you use?
Please show us the html and ts code you use to render the carousel component.
tommyw pro premium priority commented 6 years ago
I tried this some more and it seems like it does not scroll at all if I try to initiate the scroll from inside the mdb-carousel-item tag. It works to scroll if I scroll from thumbnails and from the left side scroll area of the safari browser. You can try it here: https://nng.azurewebsites.net/project/c7f1273d-ae0c-49ba-9ab3-9f4bd0e658f0 just scroll down to the carousels and you see it. Implementation is dead simple. fading transition.
Arkadiusz Idzikowski staff commented 6 years ago
Thank you for the example, we will take a closer look at that.