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