Flex-wrap: wrap-reverse in Edge

Question

In the following example, flex items begin to flow from the upper right corner of the wrapper:

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>

Run codeHide result

But so I see them in Edge:

And with the help flex-direction: row;they look like this:

But here's what they look like in Edge:

Does Edge work correctly?

Answer 1

Edge got this bug in the April 2016 version.

The report stated (March 29, 2017) that this version has been fixed since version 15063.

---

. , Insider, Creators, ( 2017 ),