From 0a2def9b60d542a3a94400241decff25021c4f22 Mon Sep 17 00:00:00 2001
From: nmemmert <nmemmert@users.noreply.github.com>
Date: Wed, 12 Aug 2026 09:09:02 -0400
Subject: [PATCH] Prevent text selection during Apple Pencil drawing

Add user-select: none (with WebKit prefix) to the DrawCanvas wrapper so
the browser does not start a text-selection gesture when the pencil drags
across the component.

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 13d5362..291fab0 100644
--- a/src/pages/DrawCanvas.jsx
+++ b/src/pages/DrawCanvas.jsx
@@ -119,7 +119,7 @@ export default function DrawCanvas({ strokes, onStrokesChange, onDone, headerCon
     onStrokesChange([]);
 
   return (
-    <div className="overflow-hidden rounded-3xl border border-slate-200 shadow-sm">
+    <div className="overflow-hidden rounded-3xl border border-slate-200 shadow-sm select-none" style={{ WebkitUserSelect: 'none' }}>
       {/* Toolbar */}
       <div className="flex flex-wrap items-center gap-1 border-b border-slate-200 bg-white px-3 py-2">
         {[