<pre> across page break issues (TextNodes are not 'transferred')
Another MVE of stuff completely breaking down. In this case there is a <pre>
that spans two pages... but it only breaks if there is a header on the first page.
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>
<style>
html body {
font-size: 16px;
}
html body pre {
overflow: auto;
line-height: 1.45;
background: lightgray;
}
.content {
height: 100%;
}
.pagebreak {
page-break-before: always;
}
html body .content {
padding: 2em calc(50% - 457px + 2em);
}
</style>
</head>
<body>
<div class="mume content">
<h1>Not sure why this header is needed</h1>
<p>But without this header it won't break</p>
<div class="pagebreak"></div>
<pre>
This is where the <pre> tag starts
What follows is a bunch of empty lines (why is this on another page?)
// notice that the TextNodes between the spans below have been 'lost'
<span>A</span> <span>B</span> <span>C</span>
</pre
>
</div>
</body>
</html>
And only just noticed that when printing the last lines miss completely... mve3.pdf