From: Mark Otto <markdotto@gmail.com>
Date: Mon, 10 Oct 2016 02:49:52 +0000 (-0700)
Subject: Set height on custom select
X-Git-Tag: v4.0.0-alpha.5~28^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F20875%2Fhead;p=thirdparty%2Fbootstrap.git

Set height on custom select

Matches the changes from #20874 to the regular select element. This is really only necessary for IE and Edge near as I can tell. Fixes #20810.
---

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index 30b46083bb..e74f5c744a 100644
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -137,6 +137,8 @@
 .custom-select {
   display: inline-block;
   max-width: 100%;
+  $select-border-width: ($border-width * 2);
+  height: calc(#{$input-height} - #{$select-border-width});
   padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;
   padding-right: $custom-select-padding-x \9;
   color: $custom-select-color;