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

Navigation with multiple items to show, .hooper-next.is-disabled not happening when it should #226

Open
mel0mani4 opened this issue Aug 25, 2021 · 1 comment

Comments

@mel0mani4
Copy link

Description
I'm working on the case of a vertical carousel, with 5.5 items to show but only one item to slide. The .hooper-next button should be toggled with the .is-disabled class when the last .hooper-slide is fully visible, but instead, it happens at the last .hooper-slide totally visible + 3 clicks. Could you fix this issue please?

Expected behaviour
.hooper-next.is-disabled should happen when the last slide is visible, it shouldn't be possible to continue sliding when there's no more slides to show, like a vertical scrollbar for instance.

Screenshots
Capture d’écran 2021-08-25 à 12 18 53
Capture d’écran 2021-08-25 à 12 07 40
Capture d’écran 2021-08-25 à 12 07 50

Stack
I'm on desktop:

  • OS: macOS Big Sur version 11.2.3
  • Browser: Chrome version 92.0.4515.131
@voronovam
Copy link

@mel0mani4 try to use trimWhiteSpace

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants