Sometimes the print preview appears blank about jquery.print

[melloware]

OK the real issue is that jQuery.clone does not clone canvas elements. See: https://stackoverflow.com/questions/41239428/jquery-clone-does-not-clone-content-of-canvas

[CitizenOfRome]

v1.6.1: Added full canvas support - https://doersguild.github.io/jQuery.print/demo/
Thanks!

[mostafa-zahran]

I had the same issue but while investigating it I found that barcode is rendered as canvas
just render it as img tag and it should work fine

var image_div = $('{{NEW_IMAGE_TAG}}');
var canvas_div = $('{{BARCODE_CANVAS_ID}}');
if (image_div.length > 0 && canvas_div.length > 0) {
  image_div.html("<img src='" + canvas_div.children()[0].toDataURL("image/png") + "' alt='from canvas'/>");
}

[prem-kumar-e]

But I am using CSS for barcode Rendering

[CitizenOfRome]

Could you kindly check with the latest version v1.5.0 and let me know if the issue persists?
Also kindly experiment with larger timeouts to see if they help. Similarly try the iframe: false mode
Thanks!

[guncebektas]

+1 same issue

any update ? i'm getting the same problem

[CitizenOfRome]

@touqeer-wal Does setting a larger timeout or using the iframe: false mode make any difference?

Thanks!

[touqeershafi]

I've set globalStyle option to false which fixed the issue. I think its due to bootstrap css which I'm using in my project. Iframe false does not solve this issue.

[CitizenOfRome]

@touqeershafi, that makes sense.

The plugin works by putting your selected element and other attached globalStyles in a new, hidden iframe (or window) before printing it.

It would appear that the print is getting triggered while bootstrap and other dependencies are still being downloaded.

So, as an alternative to avoiding loading them completely with the globalStyles: false option, setting a larger timeout like timeout: 1500, and caching and minifying your printable dependencies so that they load faster should help

(Note: WIth v1.5.0, the timeout option now works as a fallback for when $(frameWindow).on("load", callPrint); fails to trigger soon enough)

[melloware]

I am using a canvas to try and print ChartsJS charts and have tried print({globalStyles:false,timeout:1500, iframe: false}); and none of it works. Changing my canvas to an image is not an option.