在Firefox上不尊重容器高度的弹性容器的子项

Question

我有一个flex容器（.child2），它是一个固定高度容器（.container）的子容器。虽然flex-direction是column，但flex-wrap是wrap，它的子应该并且可以创建第二列以适应容器内部，但它们不会溢出容器Firefox浏览器。他们确实尊重Chrome上容器的高度。

如何在不声明弹性容器高度的情况下强制Firefox像Chrome一样运行？

HTML

<div class="container">
  <div class="child1"></div>
  <ul class="child2">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
</div>

CSS

.container {
  display: flex;
  flex-flow: column nowrap;
  height: 350px;
}

.child1 {
  height: 28px;
}

.child2 {
  display: flex;
  flex-flow: column wrap;
}

ul > li {
  height: 50px;
  width: 100px;
}

笔：http://codepen.io/anon/pen/evoLbb