0

I cant seem to find a combination of prefixes for flex that enables flex wrapping using the Nreco HTML to PDF componment.

.container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}

.item {
flex: 1 1 16.6%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-webkit-basis: 16.6%;  
}

When rendered in Chrome etc I get the wrap once the row is filled with items at least 16.6% width of the container but via the WkHtmlToPdf the elements are all inline.

Any ideas?

Thanks

Rolf Herbert
  • 45
  • 1
  • 8

1 Answers1

0

Wkhtmltopdf 0.12.x (latest stable release is 0.12.6) is based on modified QtWebKit 4.8; this version was released about 10 years ago, and it doesn't support modern CSS3 things like flex/grid layouts. You need to format input HTML like for legacy browsers.

There was a branch that uses newer QtWebKit (0.13a) but it seems it is frozen in 'forever alpha' which misses many critical things that 0.12.6 can do. Wkhtmltopdf is widely used (as a time-proven tool for PDF generation by HTML templates) but at the same time there are no active maintainers at this moment.

Vitaliy Fedorchenko
  • 8,447
  • 3
  • 37
  • 34