Safari中的异常Flexbox行为

Question

我在野生动物园遇到了一些奇怪的flexbox行为，希望有人能解释一下。 Codepen of minimal example

摘要：

// Culprits
// If any of these are removed, the strange behavior goes away {}
.container {
    display: flex;
}
.parent {
  display: flex;
  flex-direction: column;
}

.child {
    display: flex;
    flex: 0;
}

// Setup {}

.container {
  border: 1px solid green;
}
.parent {
  border: 1px solid red;
}
.child {
  border: 2px solid blue;
  width: 200px;
}

<div class="container">
   <div class="parent">
  <div class="child">
    <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
  </div>
</div>
</div>

它在Chrome和FF中可以正常工作，但是在野生动物园中，.child会崩溃—可能是由于flex-grow: 0造成的。发生了什么事？