Match the height of select.form-control with input.form-control

Uses a local variable and some calc love to counteract the border-width (times 2) from the height of the select. Fixes #17194 and nullifies #19967.

diff --git a/scss/_forms.scss b/scss/_forms.scss
index d27b646d0667c02bc0c6e5e669ef9ce980691b40..be19a079566b1da98dc70f341998b8459bc5fcc4 100644 (file)
--- a/scss/_forms.scss
+++ b/scss/_forms.scss
@@ -66,7 +66,8 @@
 
 select.form-control {
   &:not([size]):not([multiple]) {
-    height: $input-height;
+    $select-border-width: ($border-width * 2);
+    height: calc(#{$input-height} - #{$select-border-width});
   }
 
   &:focus::-ms-value {