<!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>