From 6663faa3e7365e2d2caf49e38643f6b9d3245359 Mon Sep 17 00:00:00 2001 From: Martijn Cuppens Date: Fri, 6 Mar 2020 17:22:27 +0100 Subject: [PATCH] Fix date inputs heights in safari --- scss/_reboot.scss | 13 ------------- scss/forms/_form-control.scss | 1 + 2 files changed, 1 insertion(+), 13 deletions(-) diff --git a/scss/_reboot.scss b/scss/_reboot.scss index d3d4871891ff..488c0676d8e9 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 fb3142333e35..42456e3aa650 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 `s in CSS. @include border-radius($input-border-radius, 0);