react-pdf: Why does rendering get confused when I have a page break caused by the content?
Whenever I have a page break caused by the content being bigger than the page, the subsequent content gets all mashed together
This is the expected behaviour, which I could achieve by reducing the font size so the content doesn’t overflow the page height:
And this is what I get when the text from the previous page causes a break:
This PDFs are rendered on the server using the ReactPDF.renderToStream function.
- OS: macOS, AmazonLinux 2
- Node v.14.15.0
- React-pdf v1.6.14
About this issue
- Original URL
- State: closed
- Created 3 years ago
- Comments: 21 (20 by maintainers)
Love your document layout btw 😃
Hi @diegomura, loving React-pdf so far! I have the same issue as described above, only I have a layout where there is no other obvious way than having a
Viewelement initiating a page break: two column layout:As you can see, the text on the second page is compressed, and sometimes even the text on the first page gets squashed depending on the content. The whole document is rendered on the fly with API data and WYSIWYG parsing so it’s a bit of work to make a snippet, but I can try to make a quick proof of concept in REPL if you want.
Glad to hear that!!! Makes sense for that view not to be there. I’m excited that you can use 2.0 now without any issues. Closing this now. Thanks!!