arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-30 03:38:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Mukund Shah
2024-05-15 16:03:51 +05:45
committed by GitHub
parent 3b975634e8
commit 4f0d00f7a6
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/runtime/composables/useCarouselScroll.ts
View File

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