Text in nested view with wrap={false} being compressed/squished after upgrading from v3.1.2 to v3.4.4

[renniehaylock]

Describe the bug
When there's a nested view with wrap={false} with enough text to warrant moving the whole block onto the next page, the text overflows out of the page limits at the bottom, if there are multiple text nodes inside the view, those overlap each other. This was not a problem with v3.1.2, it also looks like it was not a problem in v2 (see Repl link below).

I tried my best to boil down the issue to the simplest example I could come up with (hence why I'm using paddingTop in the repl to force the view close to the bottom).

To Reproduce
React PDF repl with bug in v4.0.0: see here

Repl with bug in V3: see here

Working Repl using V2 (play with the padding to see that it works as expected, no overflows, no overlapping texts): see here, make sure to go to page 2 to see the text properly moved onto the next page

Expected behavior
Text inside the view with wrap={false} should be pushed onto the next page, not get pushed out of the bounds of page 1 and overlap over one another.

Screenshots

Desktop (please complete the following information):

• OS: MacOS
• Browser: chrome and safari
• React-pdf version: v4.0.0, v3.4.4

[gaithoben]

Same problem with v4

[renniehaylock]

For what it's worth, one workaround is to add an empty view as the first item, before the element with wrap={false}. See repl here