I want to generate page as a single pdf file without page break

Question

Hi i want to generate a pdf of big page as one single file without page break.

Below image shows page break upon download(that i want to avoid, want to download as single page).

Question: i don't want to split the page upon download as multiple page. but want a single page.

here is what my working example look like codesandbox demo

Note: any pdf generating plugin is fine for me, if it works.

Please help me thanks in advance !

Answer 1

Your current styles do not make it easy to set the page media there are just too many conflicts in A4 layout so you need to reconsider the output as A3 or A2 as seen here 4A4 printed without any code box controls, or scale down your output to fit on the A4 page you have set.

Answer 2

You can use the CSS properties break-before, break-inside and break-after. In your concrete example, adding this CSS rule avoids all the flex containers splits:

.flex-container {
   break-inside: avoid;
}

Please note that there are some limitations to these rules, and some browsers might produce different results too.