fix(Carousel): prevent mouse click when dragging (#1781)

This commit is contained in:
Mukund Shah
2024-05-15 16:03:51 +05:45
committed by GitHub
parent 3b975634e8
commit 4f0d00f7a6

View File

@@ -16,6 +16,7 @@ export const useCarouselScroll = (el: Ref<HTMLElement>) => {
function onMouseUp () {
el.value.style.removeProperty('scroll-behavior')
el.value.style.removeProperty('scroll-snap-type')
el.value.style.removeProperty('pointer-events')
window.removeEventListener('mousemove', onMouseMove)
window.removeEventListener('mouseup', onMouseUp)
@@ -24,6 +25,8 @@ export const useCarouselScroll = (el: Ref<HTMLElement>) => {
function onMouseMove (e) {
e.preventDefault()
el.value.style.pointerEvents = 'none'
const delta = e.pageX - x.value
x.value = e.pageX