PB_OVERFLOW_CLIPPED

What happened

An element exceeded the printable page width and its content was clipped at the page edge.

How to fix

Use responsive units (percentages, max-width constraints) instead of fixed widths that assume screen viewports. For tables, use table-layout: fixed with column width hints.

/* Before */
.wide-element { width: 1400px; }
 
/* After */
.wide-element { width: 100%; max-width: 100%; }
 
/* For tables */
.wide-table { table-layout: fixed; width: 100%; }

Notes

Paperbase renders PDFs at A4 width (794px equivalent). Elements wider than this will overflow. Common culprits:

• Fixed-width containers from screen-first CSS
• Code blocks with very long lines (overflow-x: auto is ignored in print)
• Wide tables with many columns