rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases 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
Show Stats 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: