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

[mel0mani4]

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

Stack I'm on desktop:

• OS: macOS Big Sur version 11.2.3
• Browser: Chrome version 92.0.4515.131

[voronovam]

@mel0mani4 try to use trimWhiteSpace