AT Mot — a bilingual (EN/FR) daily word game native to the AT Protocol.
Stop iOS double-tap zoom on keyboard and buttons
Fixes user feedback: on iOS, pressing backspace more than once
triggered Safari's double-tap-zoom, because rapid taps on the same
element are read as a zoom gesture.
The board already set touch-action: manipulation, but the on-screen
keyboard keys and general buttons did not, leaving them exposed.
Add touch-action: manipulation to .key and .btn. This disables only
the double-tap-zoom delay on those controls; pinch-to-zoom still
works, so no accessibility loss. A viewport-meta fix
(maximum-scale/user-scalable) was rejected — iOS ignores it since
iOS 10 and it would disable pinch-zoom entirely.
author
Jeremy Herve
date
(Jun 25, 2026, 3:05 PM +0200)
commit
244ea174
244ea174c28666d63629f167080268b29a4b4d5b
parent
0795b511
0795b51150634ffc90a72b17b1e05bbe8b6460b6
+4
+4
src/ui/theme.css
+4
src/ui/theme.css
···
228
228
color: var(--fg);
229
229
padding: 9px 14px;
230
230
cursor: pointer;
231
+
/* Stop iOS from treating rapid taps as a double-tap zoom. */
232
+
touch-action: manipulation;
231
233
transition: transform 0.06s ease, background 0.12s ease, border-color 0.12s ease;
232
234
}
233
235
.btn:hover {
···
452
454
cursor: pointer;
453
455
display: grid;
454
456
place-items: center;
457
+
/* Stop iOS from treating rapid taps (e.g. repeated backspace) as a double-tap zoom. */
458
+
touch-action: manipulation;
455
459
transition: transform 0.05s ease, filter 0.1s ease;
456
460
}
457
461
.key:active {