Skip to content

Commit

Permalink
Add option to fix mobile focus zoom on Safari iOS
Browse files Browse the repository at this point in the history
  • Loading branch information
ashley-hebler committed Feb 2, 2021
1 parent e59fc47 commit 771ec1b
Showing 1 changed file with 5 additions and 1 deletion.
6 changes: 5 additions & 1 deletion assets/scss/6-components/text-input/_text-input.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
// Text input (c-text-input)
//
// Text form inputs. Can be used with type="text", type="email", etc. Add .is-valid if the value is not valid.
// Text form inputs. Can be used with `type="text"`, `type="email"`, etc. Add `.is-valid` if the value is not valid. Use `c-text-input__input--standard` to fix [iOS focus bug](https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone).
//
// Markup: 6-components/text-input/text-input.html
//
Expand All @@ -16,6 +16,10 @@
padding: $size-xxs;
transition: box-shadow .15s ease-in-out;

&--standard {
font-size: 16px;
}

// kill X button that appears on IE and edge
// because it doesn't handle JS input event correctly
&::-ms-clear {
Expand Down

0 comments on commit 771ec1b

Please sign in to comment.