blending-svg-foreign-object-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<div style="background: green">

  <div>Expected: a black square on green background.</div>

  <svg style="height: 200px">

    <foreignObject width="200" height="200">

      <div style="width: 200px; height: 200px; background: black"></div>

    </foreignObject>

  </svg>

</div>