@page size not working on firefox

Hi. I’m using the pageStyle prop to set my document size and it’s working just fine on chrome, but I’m not getting the same result on firefox. What should I do to resize the pdf document on firefox?

This is how I’m using the pageStyle prop: pageStyle="@page { size: 1754px 1240px; margin: 0px } @media print {html, body {height: 99%}}"

Thanks.

[jonrh]

I ran into this issue as well trying to achieve landscape orientation. From what I can tell the CSS @page size descriptor is not supported in Firefox nor Safari:

• https://developer.mozilla.org/en-US/docs/Web/CSS/@page/size
• https://caniuse.com/mdn-css_at-rules_page_size

Seems to be supported in Chrome and Edge among other browsers. So I do not think it is an issue caused by this library.

[jonrh]

Hi, @jonrh ! Have you found any workaround?

Unfortunately not. I found one potential hack, rotate the content by 90° in CSS: transform: rotate(-90deg);. It might work if you only need to print but the content will be all wrong if saved as a PDF.

Due to the inconsistent print behaviour of browsers my next steps will probably be to look into generating PDFs on the server side instead. Perhaps with LaTeX. Or something that gives more fine grained control.