react-easy-print icon indicating copy to clipboard operation
react-easy-print copied to clipboard

Avoid empty page at the end

Open renatonmendes opened this issue 6 years ago • 10 comments

Is there a way to avoid an extra blank page when printing ?

renatonmendes avatar Nov 13 '18 22:11 renatonmendes

+1

sahilchopra avatar Mar 26 '19 06:03 sahilchopra

Facing same issue. Any idea to prevent that

sahilchopra avatar Mar 26 '19 06:03 sahilchopra

+1

BTARPAR avatar Apr 16 '19 20:04 BTARPAR

I created pull request #40 to address this issue. Please verify if adding .react-easy-print-print{ position: absolute; left: 0; top: 0; } to your css file inside @media print { ... } will fix it. Thank you!

officeabg avatar Apr 23 '19 03:04 officeabg

Hey 👋 I'm here!

a-x- avatar Apr 27 '19 07:04 a-x-

Similar issue: https://github.com/a-x-/react-easy-print/issues/9

a-x- avatar Apr 27 '19 07:04 a-x-

I'm creating a bunch of live examples now. I have to check all the use-cases before accept this hacky-fix :'-)

a-x- avatar Apr 27 '19 08:04 a-x-

I apologize, I don't know how to test printing results automatically.

a-x- avatar Apr 27 '19 09:04 a-x-

Hey! This was a bush fix that worked at the time. Don't know if it works only with my CSS or will fix other cases. This is why I posted here, so others can tell :) and maybe help a poor soul or two. I actually end up using nothing and controlling everything from @media print.

officeabg avatar May 06 '19 23:05 officeabg

works for me: @media print { html, body { height:100vh; margin: 0 !important; padding: 0 !important; overflow: hidden; } }

there are another recipes: https://stackoverflow.com/questions/7846346/how-to-avoid-extra-blank-page-at-end-while-printing

oleg-am avatar Aug 03 '20 19:08 oleg-am