4

Caniuse states partial support with the -ms- prefix http://caniuse.com/#search=flex-grow as far as I can understand

Yet, when testing -ms-flex-grow has no effect in IE10, what am I missing here?

hippietrail
  • 15,848
  • 18
  • 99
  • 158
user81993
  • 6,167
  • 6
  • 32
  • 64

2 Answers2

14

The IE10 equivalent of flex-grow is -ms-flex-positive

For example,

-ms-flex-positive: 1;
Reggie Pinkham
  • 11,985
  • 4
  • 38
  • 36
  • 1
    @Brett – I’m not sure how to respond.. this is what it is. I would suggest you’re running into either a problem with your implementation or you are coming up against an IE flex bug. Philip Walton has done a wonderful job of cataloguing [IE flex bugs and workarounds](https://github.com/philipwalton/flexbugs). – Reggie Pinkham Jun 28 '17 at 22:37
12

[ANSWER UPDATED on November 2017]

flex-grow only supports internet explorer 11+, no -ms- prefix. https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow

To find out what works for IE 10, use Autoprefixer

1 - Set filter to "ie 10"

2 - Type in CSS, for example:

.example {
  flex-grow: 3;
}

3 - Autoprefixer result:

.example {
  -ms-flex-positive: 3;
  flex-grow: 3;
}

Now you know what prefix to use for IE 10

zenoh
  • 2,071
  • 1
  • 22
  • 38