Blitz - WPT: foreign-object-scale-scroll.html

wpt / svg / extensibility / foreignObject / foreign-object-scale-scroll.html

/svg/extensibility/foreignObject/foreign-object-scale-scroll.html

<!doctype html>
<title>foreignObject with scale transform and overflow:scroll</title>
<meta name=fuzzy content="maxDifference=0-10;totalPixels=0-10">
<link rel="help" href="https://w3c.github.io/svgwg/svg2-draft/single-page.html#embedded-ForeignObjectElement"/>
<link rel="match" href="foreign-object-scale-scroll-ref.html">
<svg width="400" height="400">
  <foreignObject x="100" y="100" transform="scale(2)" width="100" height="100" style="overflow: scroll">
    <div style="width: 1000px; height: 1000px; background: blue"></div>
  </foreignObject>
</svg>

/svg/extensibility/foreignObject/foreign-object-scale-scroll-ref.html

<!doctype html>
<svg width="400" height="400">
  <foreignObject x="200" y="200" width="200" height="200">
    <div style="width: 100px; height: 100px; transform: scale(2); transform-origin: 0 0; overflow: scroll">
      <div style="width: 1000px; height: 1000px; background: blue"></div>
    </div>
  </foreignObject>
</svg>