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 #6

Merged
brendan merged 1 commits from chore/nanodrop-ios-input-no-zoom into main 2026-05-11 03:12:45 +00:00
Conversation 0 Commits 1 Files Changed 2 +7 -1
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%; width: 100%;
padding: 0.6rem 0.75rem; padding: 0.6rem 0.75rem;
font-family: var(--font); font-family: var(--font);
font-size: 13px; font-size: 16px;
background: var(--white); background: var(--white);
border: var(--border); border: var(--border);
color: var(--black); 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).toContain('--font-mono');
expect(css).toMatch(/\.share-box input\[readonly\][\s\S]*?font-family:\s*var\(--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', () => { describe('GET /public/style.css', () => {