From: m5o <m5o@gmx.com>
Date: Wed, 24 Jul 2019 15:15:10 +0000 (+0200)
Subject: set min-height for form-control textarea
X-Git-Tag: v5.0.0-alpha1~837
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=7b3ec256d52a22426002ee67b5b6b9208f0a3873;p=thirdparty%2Fbootstrap.git

set min-height for form-control textarea

* set `min-height` for `.form-control` textarea
  * prevent user from shrink textarea to minimum height
---

diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index 83579e7273..817d8890c7 100644
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -7,7 +7,7 @@
 .form-control {
   display: block;
   width: 100%;
-  height: $input-height;
+  min-height: $input-height;
   padding: $input-padding-y $input-padding-x;
   font-family: $input-font-family;
   @include font-size($input-font-size);
@@ -96,7 +96,7 @@
 // Repeated in `_input_group.scss` to avoid Sass extend issues.
 
 .form-control-sm {
-  height: $input-height-sm;
+  min-height: $input-height-sm;
   padding: $input-padding-y-sm $input-padding-x-sm;
   @include font-size($input-font-size-sm);
   line-height: $input-line-height-sm;
@@ -104,13 +104,9 @@
 }
 
 .form-control-lg {
-  height: $input-height-lg;
+  min-height: $input-height-lg;
   padding: $input-padding-y-lg $input-padding-x-lg;
   @include font-size($input-font-size-lg);
   line-height: $input-line-height-lg;
   @include border-radius($input-border-radius-lg);
 }
-
-textarea.form-control {
-  height: auto;
-}
diff --git a/scss/forms/_input-group.scss b/scss/forms/_input-group.scss
index f32853a583..d2e7d91aaa 100644
--- a/scss/forms/_input-group.scss
+++ b/scss/forms/_input-group.scss
@@ -125,7 +125,7 @@
 
 .input-group-lg > .form-control:not(textarea),
 .input-group-lg > .form-select {
-  height: $input-height-lg;
+  min-height: $input-height-lg;
 }
 
 .input-group-lg > .form-control,
@@ -142,7 +142,7 @@
 
 .input-group-sm > .form-control:not(textarea),
 .input-group-sm > .form-select {
-  height: $input-height-sm;
+  min-height: $input-height-sm;
 }
 
 .input-group-sm > .form-control,