I am working on print functionality enabling in angular for a particular page. So, when I am giving print for that page, earlier it was showing blank content. In below div, I am calling the component (app-event-container) that is loading that page. <div class="event-main-container"> <app-event-container [m1]="mockdata1" [m2]="mockdata2" > </app-event-container> </div> So, I did some css changes like below in host level of <app-event-container component and after changes my print was working fine in landscape view :host { overflow: visible; position: absolute; } So the issue is even though its printing whole contents in landscape view, its cutting right most portions in portrait view. As I know portrait view is little narrower, but is there any way so that I can see the whole contents irrespective of landscape or portrait? Continue reading...