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>
This commit is contained in:
nmemmert
2026-08-12 09:07:02 -04:00
parent edc5f3dae1
commit 250d59290d
+1 -1
View File
@@ -232,7 +232,7 @@ export default function DrawCanvas({ strokes, onStrokesChange, onDone, headerCon
style={{ style={{
zIndex: 2, zIndex: 2,
cursor: drawTool === 'eraser' ? 'cell' : 'crosshair', cursor: drawTool === 'eraser' ? 'cell' : 'crosshair',
touchAction: 'pan-y pinch-zoom', touchAction: 'none',
}} }}
onPointerDown={onPointerDown} onPointerDown={onPointerDown}
onPointerMove={onPointerMove} onPointerMove={onPointerMove}