scenario: I am trying to print a page and save it as PDF in Angular 9. I have attached window.print() to the print button. when the user clicks the print button it will invoke the function and pops up the print preview window. everything works correctly thus far.
issue: In print preview, few things are getting rendered improperly which makes UI a little clumsy. simply put, the printed web page looks different from the actual page. similar to this issue. I don't know why it is happening. the issue is the same in other browsers as well.
I have tried setting the width:100% and height:100% in @media print{} and a few other StackOverflow solutions but none worked. Please tell me how to rectify the issue. thanks.
