From 0859133774106073f2c61eb6f1b667fe7743ba25 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=C3=A9lix=20Malfait?= <felix.malfait@gmail.com>
Date: Wed, 29 Jul 2026 09:05:48 +0200
Subject: [PATCH] Disable double-tap zoom while keeping pinch zoom (#23476)

Adds `touch-action: manipulation` on `body`.

Context: #8477 disabled auto-zoom on iOS only, via `maximum-scale=1`
behind a UA check. That leaves double-tap-to-zoom active everywhere,
which is what makes taps feel laggy on mobile (the browser waits ~300ms
to see if a second tap is coming) and what causes accidental zooms when
tapping small targets twice in a row.

`touch-action: manipulation` removes double-tap-to-zoom and the
associated tap delay, and leaves pinch-to-zoom fully intact. So the page
still zooms the way a website should, it just stops zooming when you
didn't ask it to.

This is deliberately not a revert of #8477 and not an extension of
`maximum-scale` to Android: blocking pinch zoom fails WCAG 1.4.4, and
being able to zoom is part of what makes this feel like a website rather
than a native app.

---
_Generated by [Claude
Code](https://claude.ai/code/session_018gcsCQbuTMsyFWv874p25Q)_

<!-- This is an auto-generated description by cubic. -->
<a
href="https://cubic.dev/pr/twentyhq/twenty/pull/23476?utm_source=github"
target="_blank" rel="noopener noreferrer"
data-no-image-dialog="true"><picture><source
media="(prefers-color-scheme: dark)"
srcset="https://www.cubic.dev/buttons/review-in-cubic-dark.svg"><source
media="(prefers-color-scheme: light)"
srcset="https://www.cubic.dev/buttons/review-in-cubic-light.svg"><img
alt="Review in cubic"
src="https://www.cubic.dev/buttons/review-in-cubic-dark.svg"></picture></a>
<!-- End of auto-generated description by cubic. -->
---
 packages/twenty-front/src/index.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/twenty-front/src/index.css b/packages/twenty-front/src/index.css
index 611eb359b5..cf9ab76a4d 100644
--- a/packages/twenty-front/src/index.css
+++ b/packages/twenty-front/src/index.css
@@ -5,6 +5,7 @@ body {
   -moz-osx-font-smoothing: grayscale;
   background: var(--t-background-tertiary);
   color: var(--t-font-color-primary);
+  touch-action: manipulation;
 }
 
 html {