When I press the button, it will create the element but even though it says it's parent is document.body, the size of the element created is locked to the size of the parent element of the button. the problem shown
function example() {
let go = document.getElementById("here");
let toappend = new DOMParser().parseFromString(`<div style="background-color: red; width: 50px; height: 50px;">shouldnt be able to go outside of the bounds of the div the button was in.</div>`, "text/xml");
go.appendChild(toappend);
}<div id="here"></div>
<div style="width:200px; length:200px;">
<button onclick="example()">press this</button>
</div>