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ê?