<!doctype html>
<html>
<title>foreignObject overflow</title>
<svg width="400" height="400">
  <foreignObject x="100" y="100" style="overflow: visible" width="250" height="250" font-size="16px">
    <div style="width:100px;height:100px;background:yellow;border:1px solid red">
      <div style="position:absolute;top:20px;left:30px;width:20px;height:20px;background:navy"></div>
      Should show all the text
    </div>
  </foreignObject>
</svg>