egjs-flicking icon indicating copy to clipboard operation
egjs-flicking copied to clipboard

Nuxt 2 inner events are not emitted on mobile

Open GabrielHangor opened this issue 2 years ago • 2 comments

Description

Hello. I am experiencing the following issue: Let's say i have for example 5 cards inside my Flicking carousel. Each of them are emitting some custom events which i am listening to at the parent component where i have the Flicking carousel. These events are handled in the same component where Flicking is by their respective methods.

When i click on any of these cards (inside the Flicking carousel), i want the carousel to scroll to the position of that card. To achieve that, i am listening to the @select event on the flicking instance and then using the .next() or .prev() methods.

Everything is working fine on the desktop, however, on the mobile my 'inner' events are not working correctly. I click on the card - carousel is moving to it's location, but the inner event from that card is not emitted on the first click, it's only working with the 2'nd click when the viewport has already moved to the required position with the help of the .next() and .prev() methods.

What am i doing wrong and is there a way to make them work simultaneously on the mobile?

Thank you.

Steps to check or reproduce

image

GabrielHangor avatar Dec 05 '22 13:12 GabrielHangor

Here's the method used as a callback for the @select event. image

GabrielHangor avatar Dec 05 '22 13:12 GabrielHangor

Hello @GabrielHangor.

I'd like to check more about the inner event you left in the issue. Can you leave us about how your implementation handling the inner event you're having issues with? Also, if there's a demo that reproduces this issue, I'll be able to check this in more detail.

malangfox avatar Dec 07 '22 07:12 malangfox