[Help]: Is there any way to stop when dragging and not letting go, switching to the next or previous one?

[guangzan]

Summary

Embla is an excellent library👍. I would like to ask, is there any way to achieve this effect? When I keep dragging and not letting go, it will keep switching to the next one. I want it to switch one and stop.

This is the target effect.

iShot_2024-06-04_14.06.41.mp4

This is the Embla Carousel effect.

iShot_2024-06-04_14.06.04.mp4

If applicable, which variants of Embla Carousel are relevant to this question?

• embla-carousel (Core)
• embla-carousel-react
• embla-carousel-vue
• embla-carousel-svelte
• embla-carousel-autoplay
• embla-carousel-auto-scroll
• embla-carousel-solid
• embla-carousel-auto-height
• embla-carousel-class-names
• embla-carousel-fade
• embla-carousel-docs (Documentation)
• embla-carousel-docs (Generator)

Additional information

No response

CodeSandbox example

No response

[davidjerleke]

@guangzan do you mean that the carousel should terminate the dragging and scroll to the next/closest slide? And the user has to grab the carousel with the pointer again if they want to drag it further?

[guangzan]

Hi, @davidjerleke,

Thanks for your reply. Yes, your description is even more accurate.

[davidjerleke]

@guangzan thanks for your question. The answer is no, Embla is opinionated in this matter. The reasoning here is that releasing the pointer when the user didn't intend to release it is bad UX and harms accessibility. How do we know that the user didn't mean to scroll further?