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

nuxt · May 15, 2024 · 4f0d00f · 4f0d00f
1 parent 3b97563
commit 4f0d00f
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/runtime/composables/useCarouselScroll.ts b/src/runtime/composables/useCarouselScroll.ts
@@ -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