Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Nuxt 2 inner events are not emitted on mobile #761

Open
GabrielHangor opened this issue Dec 5, 2022 · 2 comments
Open

Nuxt 2 inner events are not emitted on mobile #761

GabrielHangor opened this issue Dec 5, 2022 · 2 comments
Assignees
Labels
🔖4.x v4.x~ related issue 🐛Bug Bugs

Comments

@GabrielHangor
Copy link

GabrielHangor commented Dec 5, 2022

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
Copy link
Author

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

@malangfox malangfox self-assigned this Dec 5, 2022
@malangfox malangfox added 🐛Bug Bugs 🔖4.x v4.x~ related issue labels Dec 5, 2022
@malangfox
Copy link
Contributor

malangfox commented Dec 7, 2022

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🔖4.x v4.x~ related issue 🐛Bug Bugs
Projects
None yet
Development

No branches or pull requests

2 participants