iPad: no text selection or image menu on press-and-hold, no accidental pinch or double-tap zoom, fields stay at 16px so focus does not zoom
build-container / build (push) Successful in 2m55s

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 5.5 committed 2026-10-28 08:37:27 -04:00
1 parent bbe32bae83
commit 272760c321
2 files changed
+11

No files matched your search

+2
View File
@@ -1,5 +1,7 @@
'use strict';
// ---- Boot
// Stop the accidental pinch zoom on iPads (Safari ignores user-scalable=no). Double-tap zoom is stopped in the CSS (touch-action: manipulation).
for (const ev of ['gesturestart', 'gesturechange', 'gestureend']) document.addEventListener(ev, e => e.preventDefault(), { passive: false });
(async () => {
try { cfg = { ...cfg, ...(await (await fetch('/api/config')).json()) }; } catch {}
const loadedBuild = cfg.build;
+9
View File
@@ -1188,3 +1188,12 @@ body.qdock #view { padding-right: 340px; }
#qdock .num { width: 22px; text-align: center; color: var(--muted); font-size: 13px; flex: none; } #qdock .qrow.now .num, #qdock .qrow.now b { color: var(--accent); }
#qdock .grow { min-width: 0; } #qdock b, #qdock small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #qdock .qmain small { color: var(--muted); font-size: 12px; }
#qdock .qfoot { display: flex; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--line); } #qdock .qfoot .btn { flex: 1; justify-content: center; }
/* touch screens (iPad): pressing and holding does not select text or open the image menu, and a double tap does not zoom.
Text you would want to copy (mail, notes, messages, the page text in the reader) and every text field stay selectable. */
@media (pointer: coarse) {
html, body { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
input, textarea, select, [contenteditable], .mbody, .mbody *, .ntbody, .ntbody *, .sgmsgs, .sgmsgs *, .textLayer, .textLayer *, .selectable, .selectable * { -webkit-user-select: text; user-select: text; -webkit-touch-callout: default; }
img, svg, a, button { -webkit-touch-callout: none; -webkit-user-drag: none; }
input, textarea, select { font-size: max(16px, 1em); } /* (iPadOS zooms the page when a smaller field is focused) */
}