mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-09 07:06:36 +02:00
Code Issues Releases Wiki Activity

Fix input group sizing in Firefox

Browse Source 
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
This commit is contained in:
Catalin Zalog
2016-10-30 23:43:10 +02:00
committed by Mark Otto
parent 7ba4ac0cd3
commit 5099a60ffe
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
scss/_input-group.scss
View File

@@ -26,7 +26,10 @@
} }
@if $enable-flex { @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 { } @else {
// IE9 fubars the placeholder attribute in text inputs and the arrows on // 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: // select elements in input groups. To fix it, we float the input. Details: