Named Page is not working as expected
Input:
<!DOCTYPE html>
<html>
<style>
@page narrow {
size: 9cm 18cm
}
@page rotated {
size: landscape
}
div {
page: narrow
}
table {
page: rotated
}
/* 3 × 20 chars + 2 × gap */
</style>
<body>
<div>
<table><th><td>1</td></th><tr><td>2</td></tr></table>
<table><th><td>1</td></th><tr><td>2</td></tr></table>
<p>This text is rendered on a 'narrow' page</p>
</div>
</body>
</html>
Output result.pdf
Expected test.pdf