paginate-dom: Flex layout child elements misalignment

[KID-joker]

Describe the bug

In a flex layout, the height of the i-th element does not reach the bottom, but the height of the next element exceeds it, causing only the (i+1)-th element to move to the next page.

Expect

Looking forward to treating flex layout with flex-direction: row as a whole and moving all child elements downward.

Code example

<div style="display: flex">
    <div style="width: 100px">
        <p style="background-color: red">1</p>
        <p style="background-color: red">3</p>
    </div>
    <div style="width: 100px">
        <p style="background-color: blue">2</p>
        <p style="background-color: blue">4</p>
    </div>
</div>

If you agree with my idea, I can provide a PR.