Fix proportions of children in input-group

If I understand flex model correctly, there is no need to force the ‘.input-group-field‘ item to have certain width. Actually it breaks the design in some cases.

The point is, the flexbox container calculates the width of its items itself. If we set flex-grow to 1 for ‘.input-group-field‘ (which we did), the flexbox gives that item “width priority” over the rest, which is set 0 (default).

diff --git a/scss/forms/_input-group.scss b/scss/forms/_input-group.scss
index 04a86ae59fa5141d9479316f29a15247e5e5ff5a..66b561b32688e393da5e3c4456a8e60543bd6d12 100644 (file)
--- a/scss/forms/_input-group.scss
+++ b/scss/forms/_input-group.scss
@@ -91,7 +91,6 @@ $input-prefix-padding: 1rem !default;
     // scss-lint:disable ZeroUnit
     @if $global-flexbox {
       flex: 1 1 0px;
-      width: auto;
       height: auto;
     }
     @else {