.html() function bug

I am using jsPDF module in angular 7 for rendering my page to a new pdf file. Here is some code snippets you can check.

@ViewChild('pdf') pdf: ElementRef;

var doc = new jsPDF('p', 'pt', 'a4');
const pdfTable = this.pdf.nativeElement;
doc.html(pdfTable, {
  callback: function(doc) {
  doc.save('tableToPdf.pdf');
 }
});

and here is the div element i was trying to render for testing.

<div class = "pdf" id="pdf" #pdf>
  <label>test</label><br>
  <label>test</label><br>
  <label>test</label><br>
  <label>test</label><br>
  <label>test</label><br>
  <label>test</label><br>
  <label>test</label><br>
  <label>test</label><br>
</div>

the problem is that when the div content is over one page, pdf shows a strange margin on the top of the first page. I have attached a screenshot for some insights. screenshot

For some reasons, I must use html function and i can’t use other functions such as addHTML() or fromHTML().

Why do i have this strange margin? Is there any solution to avoid this issue?

Please help me if you have some solutions. Thanks in advance.

[HackbrettXXX]

We are currently working on making the html function work again - stay tuned. Meanwhile you can try using html2canvas 1.0.0-rc1 instead of rc5.

[shortdark]

If it’s any help, I had more success with getting HTML into a PDF with html2pdf (which uses jsPDF) than I did by putting it straight into jsPDF.