Flexbox problems in IE - markhowellsmead/helpers GitHub Wiki

The following workarounds are mainly valid for IE11.

Children of a flex parent don't fill parent

  • Short syntax flex: 1; isn't supported. Use flex: 1 1 auto.

flex-basis: auto

flex-basis: auto is sometimes incorrectly rendered in this browser.

  • Add a Modernizr test for Flexbox (tweener)
  • Force the standard browser behaviour for e.g. .flexboxtweener div {width: 100%}. Any more specific rules for flex-basis with a valid unit will override this definition.