html - flex 包装 :wrap-reverse in Edge

Question

在下面的示例中， flex 元素从包装器的右上角开始流动:

div {
  outline: 1px solid teal;
}

#wrap {
  width: 400px;
  height: 200px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap-reverse;
}

#wrap div {
  width: 50px;
  height: 50px;
}

<div id="wrap">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
</div>

但这是我在 Edge 中看到的:

使用 flex-direction: row; 它们看起来像这样:

但这是他们在 Edge 中的样子:

Edge 的行为是否正确？

Answer 1

Edge 似乎有 this bug在日期为 2016 年 4 月的版本中。

报告中指出(2017 年 3 月 29 日)，从版本 15063 开始，此错误已得到修复。

---

旁注:修复后的版本似乎仅作为 Insider Preview 发布，但随着本月(2017 年 4 月)发布的 Creators Update，所有人都应该得到它