Does not update element data about html2canvas

[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); }