Skip to content

Commit a91e0aa

Browse files
authored
fix: prevent focus zoom on mobile devices (#20)
Set font-size to 16px for input, select, and textarea elements on mobile screens to prevent zooming when focused.
1 parent aded608 commit a91e0aa

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

src/index.css

+9
Original file line numberDiff line numberDiff line change
@@ -107,6 +107,15 @@
107107
body > #root {
108108
@apply h-svh;
109109
}
110+
111+
/* Prevent focus zoom on mobile devices */
112+
@media screen and (max-width: 767px) {
113+
input,
114+
select,
115+
textarea {
116+
font-size: 16px !important;
117+
}
118+
}
110119
}
111120

112121
@layer utilities {

0 commit comments

Comments
 (0)