wpt / svg / extensibility / foreignObject / foreign-object-paints-before-rect.html

Status: FAIL | Duration: 22ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

/svg/extensibility/foreignObject/foreign-object-paints-before-rect.html

<!doctype HTML>
<link rel="match" href="foreign-object-paints-before-rect-ref.html">
<link rel="help" href="https://w3c.github.io/svgwg/svg2-draft/single-page.html#embedded-ForeignObjectElement"/>
<style>
* {
  margin: 0
}
</style>
<!-- Test that the <foreignObject> root element paints in element order
within the SVG, but content within it is atomic. -->
<svg style="width: 500px; height: 500px">
  <foreignObject width="100%" height="100%">
    <div style="width: 500px; height: 500px; background: blue"></div>
  </foreignObject>
  <rect x="0" y="0" width="50%" height="50%"/>
</svg>

/svg/extensibility/foreignObject/foreign-object-paints-before-rect-ref.html

<!doctype HTML>
<!doctype HTML>
<style>
* {
  margin: 0
}
</style>
<svg style="width: 500px; height: 500px">
  <rect x="0" y="0" width="100%" height="100%" style="fill: blue"/>
  <rect x="0" y="0" width="50%" height="50%"/>
</svg>