Printing does not work

[antoinepairet]

Thanks for making angular-pdfjs-viewer. It looking great.

There seems to be an issue with printing. PDF.js complains when calling renderProgress, it crashes because the template is lacking 2 divs:

1. printContainer
2. mozPrintCallback-shim

The renderProgress function searches the mozPrintCallback-shim, but cannot find it. It is null and

Crash:
var progressContainer = document.getElementById('mozPrintCallback-shim'); is null...
One cannot call querySelector on it.

Original viewer template:

Is the solution as simple as adding the missing divs to the template?

[antoinepairet]

It might be as simple as updating the viewer.html in your vendor folder (not on GitHub).
see: https://github.com/legalthings/angular-pdfjs-viewer/blob/master/Gruntfile.js#L21

[moesjarraf]

Yes I believe updating the viewer.html file should solve the problem. As you can see here the piece of code in your screenshot is missing in our viewer file. Could you test if the problem is solved by adding that snippet of code below <!-- outerContainer -->? If it fixes it, feel free to make a pull request at https://github.com/legalthings/pdf.js-viewer

[kegster]

I'm having this issue as well with chrome and FF. The viewer.html that I downloaded from your responses here still is missing those dis.

I've added the divs myself but I don't see them showing up.

[moesjarraf]

It should be fixed now after running a bower update in your project.

[kegster]

This solution partially fixed the problem. While the print button now works, it doesn't do a nice print of the document only. It shows as if someone tried to print the website.

Any ideas?