Blitz - WPT: foreignObject-overflow.html

wpt / svg / painting / foreignObject-overflow.html

/svg/painting/foreignObject-overflow.html

<!doctype html>
<html>
<title>foreignObject overflow</title>
<link rel="match" href="foreignObject-overflow-ref.html">
<svg width="400" height="400">
  <foreignObject x="100" y="100" style="overflow: visible" width="2" height="2" 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>

/svg/painting/foreignObject-overflow-ref.html

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