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