Printing a page with ng-sidebar only prints what's visible in viewport

arkon / ng-sidebar

[Inactive] Angular sidebar component.

https://echeung.me/ng-sidebar

MIT License

388 stars 136 forks source link

Printing a page with ng-sidebar only prints what's visible in viewport #179

Open dozer75 opened 5 years ago

dozer75 commented 5 years ago

When I try to print a page that contains the ng-sidebar with scrollable content, only what's visible in the viewport is printed. The ng-sidebar style should make it possible to print the whole content.

Simplest way to reproduce:

Open chrome
Go to your own demo site
CTRL + P

See that only one page is printed

najohnson11936 commented 5 years ago

I've come across similar issues and was able to work around this by overriding the css. Something along the lines of the following can get you started. Just be sure to use the print media.

@media print { .ng-sidebar__content { position: relative !important; overflow: visible !important; } }