brendan/nanodrop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: bump form input font-size to 16px to prevent iOS focus-zoom

Browse Source 
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.
This commit is contained in:
Brendan Chen
2026-05-10 20:08:53 -07:00
parent bee3cd2e98
commit 5d6cb390a4
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/style.css
View File

@@ -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);

6
tests/integration/style.test.ts
View File

@@ -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', () => {