From 250d59290d370cec8563f95bdc599c693d50ece0 Mon Sep 17 00:00:00 2001
From: nmemmert <nmemmert@users.noreply.github.com>
Date: Wed, 12 Aug 2026 09:07:02 -0400
Subject: [PATCH] Fix Apple Pencil scrolling during draw by setting touchAction
 none

touchAction: 'pan-y pinch-zoom' let the browser intercept vertical
pencil movement as a scroll gesture before JavaScript could prevent it.
Setting 'none' hands all pointer input to our handlers exclusively.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/pages/DrawCanvas.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/DrawCanvas.jsx b/src/pages/DrawCanvas.jsx
index 86d7274..13d5362 100644
--- a/src/pages/DrawCanvas.jsx
+++ b/src/pages/DrawCanvas.jsx
@@ -232,7 +232,7 @@ export default function DrawCanvas({ strokes, onStrokesChange, onDone, headerCon
           style={{
             zIndex: 2,
             cursor: drawTool === 'eraser' ? 'cell' : 'crosshair',
-            touchAction: 'pan-y pinch-zoom',
+            touchAction: 'none',
           }}
           onPointerDown={onPointerDown}
           onPointerMove={onPointerMove}