Modernizr test for flexbox bug when using min-height

modernizr-flexbox-min-height-css.js

// Modernizr test for flexbox bug when using min-height
// See https://connect.microsoft.com/IE/feedback/details/802625/min-height-and-flexbox-flex-direction-column-dont-work-together-in-ie-10-11-preview
// This will then fix it in IE:
//
//  .container {
//    display: flex;
//    flex-direction: column;
//    min-height: 100vh;
//  }
//  .flexboxbug .container {
//    height: 100vh;
//  }


var flexboxMinHeightCss;

flexboxMinHeightCss  = '#modernizr{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;min-height:10px;color:blue;} ';
flexboxMinHeightCss += '#modernizr :first-child{-webkit-flex:1;flex:1;color:red;}';

Modernizr.testStyles(flexboxMinHeightCss, function(elem, rule) {
    Modernizr.addTest('flexboxbug', elem.firstElementChild.offsetHeight !== 10);
}, 2);