foreign-object-paints-before-rect.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /svg/extensibility/foreignObject/foreign-object-paints-before-rect.html - WPT Dashboard Interop Dashboard

<!doctype HTML>

<link rel="match" href="foreign-object-paints-before-rect-ref.html">

<link rel="help" href="https://svgwg.org/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>