Error with setting header and footer

[ArunMichaelDsouza]

I am getting undefined appended to the header and footer that I am trying to add to the PDF document.

[isaiahtaylor]

We've got the same issue here.

After some testing, we're fairly certain this occurs when you have svgs that have <style> tags in them. Can you confirm this?

[ArunMichaelDsouza]

That is correct! The issue occurs when I use SVGs with the header and footer option added. As you can see in the snapshot above, it happens when I try to use the SVG graph on the page.

[isaiahtaylor]

@marcbachmann can you confirm this?

without-test.js:

let pdf = require('html-pdf');
var htmlString = '' +
    '<p>hello</p>' +
    '<br>' +
    '<svg viewBox="0 0 1 1">' +
    '<path d="m0,0v1h1V0"/>' +
    '</svg>';
pdf.create(htmlString, {
    header: {
         height: "2cm",
         content: "<p>hello</p>"
    },
    footer: {
         height: "2cm",
         content: "<p>hello</p>"
    }
}).toFile('withoutStyleTags.pdf', function(){});

with-test.js

let pdf = require('html-pdf');
var htmlString = '' +
    '<p>hello</p>' +
    '<br>' +
    '<svg viewBox="0 0 1 1">' +
    '<style></style>' + //added line
    '<path d="m0,0v1h1V0"/>' +
    '</svg>';
pdf.create(htmlString, {
    header: {
         height: "2cm",
         content: "<p>hello</p>"
    },
    footer: {
         height: "2cm",
         content: "<p>hello</p>"
    }
}).toFile('withStyleTags.pdf', function(){});