Issue Chunker With Two Columns
I'm currently stuck with paged.js on this problem: I want to "page" my document that essentially has this structure:
<div id="content">
<div id="column-1">lorem ipsum dolor.</div>
<div id="column-2">dolor sit amet, consetetur sadipscing elitr, sed diamnonumy eirmod tempor.</div>
</div>
My "unpaged" rendering looks like this:
+-----------+-----------+
| lorem | dolor sit |
| ipsum | amet, |
| dolor. | consetetur|
| | sadipscing|
| | elitr, sed|
| | diamnonumy|
| | eirmod |
| | tempor. |
+-----------+-----------+
I'm trying now get this "paged", i.e. every page has the same two column structure.
The problem where I'm stuck:
Chunker appears to page "column-1" until all text of "column-1" is paged. Then, and only then, chunker starts paging "column-2"' starting at the same page where paging column-1 ended. In other words: Dependiung on the layout size of column-1 I'm ending up in something like this:
+-----------+-----------+
| lorem | | // page 1
+-----------+-----------+
| ipsum | | // page 2
+-----------+-----------+
| dolor. | dolor sit | // page 3
| | amet, |
| | consetetur|
| | sadipscing|
| | elitr, sed|
| | diamnonumy|
| | eirmod |
| | tempor. |
+-----------+-----------+
Naturally I want to have this:
+-----------+-----------+
| lorem | dolor sit | // page 1
+-----------+-----------+
| ipsum | amet, | // page 2
+-----------+-----------+
| dolor. | consetetur| // page 3
+-----------+-----------+
| | sadipscing| // ..
+-----------+-----------+
| | elitr, sed|
+-----------+-----------+
| | diamnonumy|
+-----------+-----------+
| | eirmod |
+-----------+-----------+
| | tempor. |
+-----------+-----------+
How can I overcome this? This is where I'm currently stuck.