Flex列与textarea折叠

Question

我在使用一些flexbox样式时遇到了问题，其中flex列的所有内容在IE中彼此折叠。对于如何在IE中正常工作的任何帮助，将不胜感激。

我无法将flex: 1 1 0%更改为flex: 1 1 auto，因为站点上的大多数样式都使用flex-basis：0来计算大小。

.flex-container {
  display: flex;
}

.flex-container > * {
  flex: 1 1 0%;
  display: block;
  margin: 0.25em 0;
}

.flex-container > * > * {
  display: block;
}

.flex-vertical {
  flex-direction: column;
}

<div class="flex-container flex-vertical">
  <label for="input">
    Input
    <input type="test" name="input" />
  </label>
  
  <label for="textarea">
    Textarea
    <textarea></textarea>
  </label>
</div>