Hi, I'm trying to use nested elements with static-flow, but for some reason it isn't behaving as I would expect.
Only the first line of text content in .header shows (after wrapping is applied), and none of the child elements render at all. Setting explicit height and width doesn't help (and using a background colour proves that the dimensions are being respected). Is there something I'm doing incorrectly, or have I misunderstood the way this feature is intended to work? Thanks.
@page {
@top-left{
content: flow(header);
}
}
.header {
prince-flow: static(header);
}
<div class="header">
<p>Long content that will wrap</p>
<dl>
<dt>An item:</dt>
<dd>with content</dd>
</dl>
</div>
Only the first line of text content in .header shows (after wrapping is applied), and none of the child elements render at all. Setting explicit height and width doesn't help (and using a background colour proves that the dimensions are being respected). Is there something I'm doing incorrectly, or have I misunderstood the way this feature is intended to work? Thanks.