CSS flexbox nie działa w IE10
W IE10 ten kod nie działa poprawnie:
.flexbox form {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
}
.flexbox form input[type=submit] {
width: 31px;
}
.flexbox form input[type=text] {
width: auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex: auto 1;
-moz-flex: auto 1;
-ms-flex: auto 1;
-o-flex: auto 1;
flex: auto 1;
}
Co powinno się staćinput[type=submit]
powinien mieć szerokość 31px, zinput[type=text]
zajmując resztę dostępnego miejscaform
. Co się dziejeinput[type=text]
po prostu domyślnie 263px z jakiegoś powodu.
Działa to dobrze w Chrome i Firefox.