Safari是否在Flexbox项目中出现垂直文本问题，或者是我吗？

Question

Safari 10.0以与Firefox，Chrome，Microsoft Edge或Microsoft Explorer不同的方式呈现此示例：红色div在所有这些浏览器中填充整个高度，而在Safari中则不然。问题似乎与垂直文本有关 - 如何修复它？

.outer {
  display: flex;
  height: 100px;
  background: green;
}

.inner {
  display: block;
  background: blue;
}

.test {
  display: block;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  background: red;
}

<div class="outer">
  <div class="test">
    One
  </div>
  <div class="inner">
    Two
  </div>
</div>