aboutsummaryrefslogtreecommitdiff
path: root/scss
diff options
context:
space:
mode:
authorMartijn Cuppens <[email protected]>2020-03-06 17:22:27 +0100
committerMartijn Cuppens <[email protected]>2020-04-01 08:30:40 +0200
commit6663faa3e7365e2d2caf49e38643f6b9d3245359 (patch)
tree8102594a9328b397079871110248ad2d3bfdd805 /scss
parent43d866313d5849c08f4e0f6589691ad63ee4e42a (diff)
downloadbootstrap-6663faa3e7365e2d2caf49e38643f6b9d3245359.tar.xz
bootstrap-6663faa3e7365e2d2caf49e38643f6b9d3245359.zip
Fix date inputs heights in safari
Diffstat (limited to 'scss')
-rw-r--r--scss/_reboot.scss13
-rw-r--r--scss/forms/_form-control.scss1
2 files changed, 1 insertions, 13 deletions
diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index d3d487189..488c0676d 100644
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -466,19 +466,6 @@ button,
border-style: none;
}
-// Remove the default appearance of temporal inputs to avoid a Mobile Safari
-// bug where setting a custom line-height prevents text from being vertically
-// centered within the input.
-// See https://bugs.webkit.org/show_bug.cgi?id=139848
-// and https://github.com/twbs/bootstrap/issues/11266
-
-input[type="date"],
-input[type="time"],
-input[type="datetime-local"],
-input[type="month"] {
- -webkit-appearance: textfield;
-}
-
// 1. Textareas should really only resize vertically so they don't break their (horizontal) containers.
textarea {
diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index fb3142333..42456e3aa 100644
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -15,6 +15,7 @@
background-color: $input-bg;
background-clip: padding-box;
border: $input-border-width solid $input-border-color;
+ appearance: none; // Fix appearance for date inputs in Safari
// Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
@include border-radius($input-border-radius, 0);