diff options
| author | Catalin Zalog <[email protected]> | 2016-10-30 23:43:10 +0200 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-10-30 14:43:10 -0700 |
| commit | 5099a60ffebb5581d41b9711fb6d28c1e5dad231 (patch) | |
| tree | 864dd14e2c891c6a66f3dafe697df14510ef1bf7 | |
| parent | 7ba4ac0cd302b2519b7a28c4eb59a9e56f50cb0f (diff) | |
| download | bootstrap-5099a60ffebb5581d41b9711fb6d28c1e5dad231.tar.xz bootstrap-5099a60ffebb5581d41b9711fb6d28c1e5dad231.zip | |
Fix input group sizing in Firefox
Firefox requires a width and flex-basis value to size the input field correctly. Despite the width being 1%, the input will size correctly at all parent widths.
http://codepen.io/zalog/pen/bpMJmv
| -rw-r--r-- | scss/_input-group.scss | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/scss/_input-group.scss b/scss/_input-group.scss index 7eef23a9d..17b9c8402 100644 --- a/scss/_input-group.scss +++ b/scss/_input-group.scss @@ -26,7 +26,10 @@ } @if $enable-flex { - flex: 1; + flex: 1 1 auto; + // Add width 1% and flex-basis auto to ensure that button will not wrap out + // the column. Applies to IE Edge+ and Firefox. Chrome do not require this. + width: 1%; } @else { // IE9 fubars the placeholder attribute in text inputs and the arrows on // select elements in input groups. To fix it, we float the input. Details: |