From 5d6cb390a453e3ab1237d0b3647c9d494ae2ad43 Mon Sep 17 00:00:00 2001 From: Brendan Chen Date: Sun, 10 May 2026 20:08:53 -0700 Subject: [PATCH] chore: bump form input font-size to 16px to prevent iOS focus-zoom Final retrofit in the cross-project iOS focus-zoom chore (after authd PR #11, buchinese PR #5, inventory PR #18, movement PR #15). Enforces the standing rule in ~/.claude/CLAUDE.md: text-entry inputs must compute to font-size >= 16px so iOS Safari does not auto-zoom on focus. --- public/style.css | 2 +- tests/integration/style.test.ts | 6 ++++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/public/style.css b/public/style.css index 9749e2c..23c4fad 100644 --- a/public/style.css +++ b/public/style.css @@ -150,7 +150,7 @@ input[type="file"] { width: 100%; padding: 0.6rem 0.75rem; font-family: var(--font); - font-size: 13px; + font-size: 16px; background: var(--white); border: var(--border); color: var(--black); diff --git a/tests/integration/style.test.ts b/tests/integration/style.test.ts index 9dd6bf1..b8a0f93 100644 --- a/tests/integration/style.test.ts +++ b/tests/integration/style.test.ts @@ -25,6 +25,12 @@ describe('public/style.css (file contents)', () => { expect(css).toContain('--font-mono'); expect(css).toMatch(/\.share-box input\[readonly\][\s\S]*?font-family:\s*var\(--font-mono\)/); }); + + it('uses font-size >= 16px on text-entry inputs to prevent iOS focus-zoom', () => { + expect(css).toMatch( + /input\[type="text"\][\s\S]*?input\[type="password"\][\s\S]*?\{[\s\S]*?font-size:\s*(1[6-9]|[2-9]\d)px/ + ); + }); }); describe('GET /public/style.css', () => { -- 2.49.1