html - column - flex-flow

Flex-wrap: wrap-reverse en Edge

Question

En la siguiente muestra, los elementos flexibles comienzan a fluir desde la esquina superior derecha de la envoltura:

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>

Pero así es como los veo en Edge:

Y con flex-direction: row; se ven así:

Pero así es como se ven en Edge:

¿Edge se está comportando correctamente?

Answer 1

Edge parecía tener este error en una versión con fecha de abril de 2016.

En el informe se afirma (el 29 de marzo de 2017), que a partir de la versión 15063 se corrigió este error.

Nota al margen: también parece que el fijo solo se ha lanzado como una Vista previa del iniciado, pero con la Actualización de creadores que llega este mes (abril de 2017), todos deberían obtenerlo