Topic: MDB carousel not able to scroll on iphone for angular

E_y free asked 5 years ago


MDB carousel not able to scroll on iphone for angular


tommyw priority commented 5 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 5 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 priority commented 5 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 5 years ago

Thank you for the example, we will take a closer look at that.


Damian Gemza staff answered 5 years ago


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



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

  • ForumUser: 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
Tags