moby/brewlog
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: prevent iOS auto-zoom on input focus

Browse source 
Bump .input-field font-size to 1rem (16px) on mobile so iOS Safari
does not auto-zoom the viewport when focusing text inputs, number
inputs, or searchable selects.
This commit is contained in:
Jon Seager 2026-02-11 10:11:02 +00:00
parent 55addb200c
commit 1f21dc27af
No known key found for this signature in database
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
static/css/input.css
View file

@ -179,6 +179,12 @@ input.input-field[type="number"] {
box-shadow: 0 0 0 2px rgba(194, 65, 12, 0.15); box-shadow: 0 0 0 2px rgba(194, 65, 12, 0.15);
} }
@media (max-width: 767px) {
.input-field {
font-size: 1rem; /* 16px — prevents iOS Safari auto-zoom on focus */
}
}
.btn-adjust { .btn-adjust {
display: flex; display: flex;
height: 2rem; height: 2rem;