Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /svg/struct/reftests/use-foreignObject.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>foreignObject is valid inside SVG use elements</title>
<link rel="author" title="Psychpsyo" href="psychpsyo@gmail.com">
<link rel="help" href="https://w3c.github.io/svgwg/svg2-draft/struct.html#UseElement:~:text=Previous%20versions%20of%20SVG,subtree%20to%20be%20cloned.">
<link rel="match" href="reference/green-100x100.html">
<style>
svg {
width: 100px;
height: 100px;
background-color: red;
}
#square {
width: 100px;
height: 100px;
background-color: green;
}
</style>
<symbol id="ref">
<foreignObject width="100" height="100">
<div id="square"></div>
</foreignObject>
</symbol>
<use href="#ref" />
</svg>