Landscape setting in Chrome is not available when using ReactToPrint

Question

Using this https://github.com/gregnb/react-to-print

When printing, I don't have the orientation property in Chrome print dialog.

As you can see, I have a table with many columns. Landscape orientation would be preferred.

On what condition is Chrome hiding this feature? Is some html-element triggering this?

Answer 1

This happens because there is a CSS @page with size declaration somewhere in your code. And if there is a specific size defined, like for example portrait or A4 portrait, then Chrome (and most likely other browsers) will hide the Orientation option.

If you have multiple CSS installed and you're not sure from where that CSS declaration may come, then you can create your CSS @page rule with size: auto and even make it !important.

@page {
  size: auto;
}

or using !important if you can't override the declaration:

@page {
  size: auto !important;
}

Then print dialog will have the Orientation dropdown option.