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