coolguy/coorl-lost-cities
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Stop drag-selecting the game board

Browse Source 
The table is a control surface, but the browser treats it as a document, so
dragging across it painted card numbers and labels blue and popped a copy menu on
a mobile long-press. Selection is now off across .app-shell and turned back on
only for input/textarea -- in practice the seed field, the one place you would
actually want to select and copy text.

user-select touches neither click nor focus, so every button and card still
responds. Verified in a browser: dragging across the hand and the score plaque
selects nothing, while the seed field still selects and copies.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01XBQKgvBbxbheiTF1AVy1Sh
This commit is contained in:
coolguy
2026-07-15 17:36:41 +09:00
co-authored by Claude Opus 4.8
parent 3e7dda0d22
commit 5e177cc369
1 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/styles.css
+17
View File
@@ -18,6 +18,23 @@
} }
* { box-sizing: border-box; } * { box-sizing: border-box; }
/* The table is a control surface, not a document. Dragging across it should never
paint a card's number blue or pop a long-press copy menu on mobile. Selection is
off everywhere and turned back on only for text you would actually want to copy
or edit -- in practice the seed field. user-select does not touch click or focus,
so every button still works. */
.app-shell {
user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
}
.app-shell input,
.app-shell textarea {
user-select: text;
-webkit-user-select: text;
}
html, body, #root { min-width: 1024px; min-height: 100%; margin: 0; } html, body, #root { min-width: 1024px; min-height: 100%; margin: 0; }
/* Below the supported minimum width/height the board no longer shrinks /* Below the supported minimum width/height the board no longer shrinks
(app-shell keeps a 1024x720 floor), so allow scrolling instead of clipping (app-shell keeps a 1024x720 floor), so allow scrolling instead of clipping