arkon / ng-sidebar

[Inactive] Angular sidebar component.

Home Page:https://echeung.me/ng-sidebar

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

dozer75 opened this issue · comments

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

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;
}
}