You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
The text was updated successfully, but these errors were encountered:
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.
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
The text was updated successfully, but these errors were encountered: