quebra de página após não funcionar em caixas flexíveis

Isso não produz o resultado esperado dentro da visualização de impressão no Firefox:

<aside>
  side
</aside>

<div>
  <p> page 1 </p>
  <p> page 2 </p>
</div>

CSS:

body{
  display: flex;
}

aside{
  flex: none;
  width: 100px;
}

div{
  flex: auto;
}

p{
  break-after: always;
  page-break-after: always;
}

No Chrome e no IE, recebo 2 páginas como deveria. Parece que o FF não quebra a div em 2 páginas quando um ancestral é uma caixa flexível. Por quê?

questionAnswers(4)

yourAnswerToTheQuestion