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