<!doctype html>
<title>Only synthesize a 'viewBox' for the outermost SVG root in image contexts</title>
<link rel="help" href="https://crbug.com/1313530">
<link rel="match" href="../struct/reftests/reference/green-100x100.html">
<img width="100" height="100" src="data:image/svg+xml,
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' width='100' id='svg'>
<rect width='200' height='200' fill='red'/>
<foreignObject width='200' height='200'>
<div xmlns='http://www.w3.org/1999/xhtml' style='height: 100px; width: 100px'>
<svg xmlns='http://www.w3.org/2000/svg' style='width: 100%; height: 100%; overflow: visible' width='200' height='200'>
<rect width='200' height='200' fill='green'/>
</svg>
</div>
</foreignObject>
</svg>
">