diff --git a/src/actions/slidable.js b/src/actions/slidable.js index a5cc651..2cc4751 100644 --- a/src/actions/slidable.js +++ b/src/actions/slidable.js @@ -11,8 +11,8 @@ export function slidable(node) { }) ); - window.addEventListener('mousemove', handleMousemove); - window.addEventListener('mouseup', handleMouseup); + window.addEventListener('pointermove', handleMousemove); + window.addEventListener('pointerup', handleMouseup); } function handleMousemove(event) { @@ -36,15 +36,15 @@ export function slidable(node) { }) ); - window.removeEventListener('mousemove', handleMousemove); - window.removeEventListener('mouseup', handleMouseup); + window.removeEventListener('pointermove', handleMousemove); + window.removeEventListener('pointerup', handleMouseup); } - node.addEventListener('mousedown', handleMousedown); + node.addEventListener('pointerdown', handleMousedown); return { destroy() { - node.removeEventListener('mousedown', handleMousedown); + node.removeEventListener('pointerdown', handleMousedown); }, }; } diff --git a/src/style.css b/src/style.css index 57ad936..7fe1c98 100644 --- a/src/style.css +++ b/src/style.css @@ -13,4 +13,5 @@ body { background-color: var(--bg); + touch-action: none; } \ No newline at end of file