Skip to content

Commit 3348a51

Browse files
committed
Input font size should be 16px on iPhone to prevent zoom-on-focus
1 parent 7276fda commit 3348a51

File tree

2 files changed

+22
-1
lines changed

2 files changed

+22
-1
lines changed

gwt-material/src/main/resources/gwt/material/design/public/css/overridecss.css

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1507,4 +1507,25 @@ i[class*="waves-"].material-icons {
15071507
ul.side-nav.fixed {
15081508
left: 0 !important;
15091509
}
1510+
}
1511+
1512+
/**
1513+
* Fix IOS Issue - Auto zooms when focusing on input element.
1514+
* Read more - https://github.com/Dogfalo/materialize/issues/5008
1515+
**/
1516+
@media screen and (-webkit-min-device-pixel-ratio: 0) {
1517+
input:not([type]),
1518+
input[type=text],
1519+
input[type=password],
1520+
input[type=email],
1521+
input[type=url],
1522+
input[type=time],
1523+
input[type=date],
1524+
input[type=datetime-local],
1525+
input[type=tel],
1526+
input[type=number],
1527+
input[type=search],
1528+
textarea.materialize-textarea {
1529+
font-size: 16px;
1530+
}
15101531
}

0 commit comments

Comments
 (0)