From b7a43562e271bc7c6455efb87bd3dc246446c44f Mon Sep 17 00:00:00 2001
From: =?utf8?q?Ond=C5=99ej=20Va=C5=A1=C3=AD=C4=8Dek?=
 <mail@ondrejvasicek.cz>
Date: Tue, 7 Jun 2016 12:20:12 +0200
Subject: [PATCH] Fix proportions of children in input-group
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

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).
---
 scss/forms/_input-group.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/scss/forms/_input-group.scss b/scss/forms/_input-group.scss
index 04a86ae59..66b561b32 100644
--- 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 {
-- 
2.47.2