Does not update element data

[nodvick]

Please follow the general troubleshooting steps first:

• [x] You are using the latest version
• [ ] You are testing using the non-minified version of html2canvas and checked any potential issues reported in the console

Bug reports:

If you change an element's value in the desired section to screenshot, then press a button to call the html2canvas function, the screenshot will be the old value.

neither

var ae = document.activeElement; ae.setAttribute("value", ae.value + ae.getAttribute("data-text"));

or

document.activeElement.blur();

before calling so that the focus is changed in an attempt to sync the value attribute to the value property does not prevent this issue.

Specifications:

• html2canvas version tested with: 1.4.1.min
• Browser & version: firefox 124.0.2 64-bit & safari on iphone
• Operating system: Windows 11, IOS 17

[nodvick]

More details and fix:

I was using the canvas.todataurl string as data to submit, then processing/converting/saving without ever actually putting the canvas on the page anywhere. appendchild(canvas) screenshotdata = canvas.todaturl(), then removechild(canvas) fixes it, with in my edge case because there were so many many elements its cloning, it is also a timing issue, async then await the function to generate screenshot, await the canvas creation, then submit the data was also required

(

async function getSS() {

            if(o('TEST')!=null) document.body.removeChild(o('TEST'));

            await html2canvas(document.body).then(
            function (c) {
                c.id="TEST";
                document.body.appendChild(c);

            });

            o('screenshotData').value = o('TEST').toDataURL();

            document.body.removeChild(o('TEST'));

            return true;
        }
////---later
        async function SubmitNotes(e) {
            e.preventDefault();
            await getSS();

EDIT: o() is sort of my fingerprint, you see it in almost every single javascript thing I do, sorry, for reference: function o(obj) { return document.getElementById(obj); }