<!DOCTYPE html> <div style="height: 100px"> </div> <svg width="200" height="200" style="overflow: visible"> <foreignObject width="200" height="200"> <div id="x" style="position:fixed; top: 0; left: 0"> This is a test </div> </foreignObject> <script> document.body.offsetWidth; var kid = document.getElementById("x"); var parent = kid.parentNode; var nextSibling = kid.nextSibling; parent.removeChild(kid); parent.insertBefore(kid, nextSibling); </script> </svg>