Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
onClick event being fired during drag
See original GitHub issueBug is related to
- The Vanilla JavaScript version
- The React version
- The Embla Carousel core (all versions)
- Documentation website
- Other
Embla Carousel version
- 4.3.1 (older versions as well)
Describe the bug
When dragging a slide and letting go, it triggers a click event when the drag is released. This can be problematic for carousel items that have click handlers on them.
A common thing people will do with carousel items is attach an click handler to trigger a specific behavior such as:
- opening a modal
- redirecting to another page in the app
- etc…
https://user-images.githubusercontent.com/6743796/113911974-77be2680-978f-11eb-9535-5a7731221cdf.mp4
CodeSandbox
Steps to reproduce
- Add click handler on a carousel item
- Drag the item and release
Expected behavior
The api should be able to distinguish between a drag event and an on click event.
Issue Analytics
- State:
- Created 2 years ago
- Comments:5 (4 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Hi @cliffordfajardo,
I recently released the search feature on the documentation website. I went with Algolia Docsearch.
Cheers, David
Hi Clifford (@cliffordfajardo),
Thank you for your question. This is not a bug.
Have you read about the opt-in
clickAllowedmethod in the docs?Maybe this explanation from issue #132 which is related to this will help.
Let me know if it helps.
Best, David