egjs-flicking
egjs-flicking copied to clipboard
Nuxt 2 inner events are not emitted on mobile
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
Here's the method used as a callback for the @select event.
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.