IgxCarousel - Slides do not transition properly by pan gesture.

[mkamiishi]

Description

Slides do not transition properly by pan gesture.

• igniteui-angular version: 14.2.2
• browser: Safari, iOS 15.7

Steps to reproduce

1. Run the attached sample on iPhone.
2. Scroll the slides left and right continuously by pan gesture.

Result

Scrolling sometime stops in the middle of the slides transition.

Expected result

Scrolling do not stop in the middle of the slides transition.

Attachments

carousel.zip

[mkamiishi]

Hi,
Customer asks when this issue will be fixed.

[simeonoff]

Hi @mkamiishi , I spent the better half of the afternoon trying to figure this out. It seems there's an ongoing issue with the touch gestures library we use. Since we allow users to scroll while also panning, the panend event never gets fired (third-party issue), hence why the slide appears to freeze in the middle of the transition. I will communicate with other colleagues in the company to see if we can come up with a solution, as it doesn't seem likely that it will be fixed by the Hammer.js team.

[mkamiishi]

Any updates on this?

[mkamiishi]

Any updates on this?

[simeonoff]

@hanastasov Can you guys check if there's any way to improve the gestures UX in iOS 13+ given the limitations of hammerjs?

[hanastasov]

@hanastasov Can you guys check if there's any way to improve the gestures UX in iOS 13+ given the limitations of hammerjs?

Yes, sure. @dobromirts will have a look at that. Thanks for the information you provided based on your testing!

[hanastasov]

as @dobromirts pointed out to me, hammerjs seems unsupported for quite a long time now, we dont expect this to be resolved by them. we wiil try one of the suggested work arounds in a topic linked by Simeon, but only implement it if everything goes smooth and without blockers.

Otherwise I dont think the effort is worth it to fix a platform specific bug that does not block a user from using the component

[mkamiishi]

I'm closing this ticket as a third-party issue.
Thank you again for investigating this issue.