nate/study-bible-project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prevent text selection during Apple Pencil drawing

Browse Source 
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>
This commit is contained in:
nmemmert
2026-08-12 09:09:02 -04:00
parent 250d59290d
commit 0a2def9b60
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/DrawCanvas.jsx
+1 -1
View File
@@ -119,7 +119,7 @@ export default function DrawCanvas({ strokes, onStrokesChange, onDone, headerCon
onStrokesChange([]); onStrokesChange([]);
return ( 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 */} {/* Toolbar */}
<div className="flex flex-wrap items-center gap-1 border-b border-slate-200 bg-white px-3 py-2"> <div className="flex flex-wrap items-center gap-1 border-b border-slate-200 bg-white px-3 py-2">
{[ {[