I have tried to use Flexboxes with prince pdfs.

In the HTML everything looks fine, but when I convert the HTML to pdf via Prince the height of one element in the flex display extends depending on the content of the flex element. (See Screenshots)

Is this a known issue? Are flexboxes not supported so far?

I can reproduce the problem with the 13.5 and the latest-nightly build (prince-20200812-win64).

1. 2020-10-01 09_20_41-Test.png‎ 12.0 kB ‎
   View in Firefox
2. 2020-10-01 09_21_09-flexBoxTest.pdf_2 - Adobe Acrobat Reader DC.png‎ 16.2 kB ‎
   View in Prince created PDF
3. flexBoxTest.html‎ 1.4 kB ‎
   The HTML
4. flexBoxTest.pdf‎ 16.2 kB ‎
   Created PDF

Edited 1 Oct 2020 by lynxSven

Hi,

We have some known issues with sizing, and flexbox by its nature is particularly sensitive to sizing issues. I'll investigate this further and see if I can come up with a fix. Thanks for letting us know!

Mark

The sizing problem arises with multi-line flex containers, which in this case shows up in bootstrap's "row" class. One workaround might be to force these to be single line, e.g. with the following style rule:

.row { flex-wrap: nowrap !important; }

Hope that helps.

Thanks, works for me for the moment.

Hi,

The latest build includes improved support for multi-row flex containers, which should address the problems you see here. Please let us know if you still encounter any issues.

Mark