How to take screenshot of overflow element ?

[hiravebapu]

OR is it possible to pass an URL of page and take screenshot of whole page ? How are you doing it on Test Console ?

[niklasvh]

The test console loads the contents of the url using a proxy, creates an iframe document, puts the html there and then renders the iframe. The actual iframe is hidden from the user through the whole time, but it is necessary so that the DOM is generated for the content.

[usmonster]

@engblh do you still have this issue with the current version in master? If not this can be closed. Even if so, this can still probably be closed as a duplicate of #60.

[nishantgupta11]

-> Add CSS overflow-y: scroll; to HTML element pdfHTML
-> Add attribute width & windowWidth to html2canvas method, which should be equal to width of pdfHTML Div

html2canvas(document.querySelector(".pdfHTML"), {
    width: 1350, windowWidth: 1350
}).then(canvas => {
    base64stringpdf = canvas.toDataURL("image/jpeg");
});