From: Martijn Cuppens <martijn.cuppens@gmail.com>
Date: Fri, 6 Mar 2020 16:22:27 +0000 (+0100)
Subject: Fix date inputs heights in safari
X-Git-Tag: v5.0.0-alpha1~270
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=6663faa3e7365e2d2caf49e38643f6b9d3245359;p=thirdparty%2Fbootstrap.git

Fix date inputs heights in safari
---

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index d3d4871891..488c0676d8 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 fb3142333e..42456e3aa6 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);