foreignObject-dynamic-abspos-01.html

Enable keyboard shortcuts

<!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:absolute; 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>