flex box vendor prefix question

[Todd-Werelius]

On a few older phones / tablets with starting with android 4.0.x etc. I was seeing that the flex box layout was not working, I was pretty sure that with the exception of wrap that it should.

I ran angular-material.css through the vendor prefix playground http://simevidas.jsbin.com/gufoko/quiet to add the older vendor flex box prefix's, applied it, and it started working on those devices.

Is there a reason that you don't want to add the older prefixes into the mix?

e.g

// Current
[layout] {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; 
}

// Additional prefixes 
[layout] {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;

  // Older prefix 
  display: -webkit-box;

  display: flex; 
}

[ajoslin]

We should probably add these. We don't officially support Android 4.0-4.2, but we could add these just incase.

[ajoslin]

Added.

[Todd-Werelius]

Cool, thanks