Carousel blocks scrolling

fellah asked 4 months ago

Hi,

I found the bug. The carousel blocks scrolling the page on mobile views. It isn't possible to move the page up or down, when you're touching the carousel's picture. Tested on Chrome's mobile view and on iPhone. Let me know, when patch arrive.


Damian Gemza commented 4 months ago

Dear fellah,
Could you try to config hammerjs in your project? It should help you. I've tried to reproduce your error on iPad, LG G3, Samsung Galaxy A5, and mobile view in Chromium / Firefox, but for me, everything is working fine.
Here's link to hammerjs configuration: https://mdbootstrap.com/angular/advanced/mobile/
Best Regards,
Damian


fellah commented 4 months ago

Indeed, it helped. Thanks so much!


leanpilar answered 3 months ago

I have the same issue but at Universal.

it says:

ERROR ReferenceError: Hammer is not defined

I try to:

import 'hammerjs'; // in main.ts

as found in some google solution but the same error.
the part in my component it works but after I import Hammer in app.modules.ts it stops working.

I follow the guide for mobile, is there a missing part I forgot to add?


Damian Gemza commented 2 months ago

Dear leanpilar,
Did you try to add hammerjs to webpack.config.js whitelist?
It's described in our Angular Universal guide: https://mdbootstrap.com/angular/angular-universal/
Best Regards,
Damian


leanpilar commented 2 months ago

I copy your code and have this in the webpack.server.config.js.
whitelist: [
/^@agm/core/,
/^hammerjs/
]


Damian Gemza commented 2 months ago

And you're having the error again? Could you please send me your project at d.gemza@mdbootstrap.com? It would help me t debug your case.
Best Regards,
Damian


Please insert min. 20 characters.
Status

Answered

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