scroll-transform-nested-stacked-children.html (713B)
1 <!DOCTYPE html> 2 <title>foreignObject under scroll and transform, with nested stacked children</title> 3 <link rel="help" href="https://svgwg.org/svg2-draft/single-page.html#render-EstablishingStackingContex"> 4 <link rel="match" href="scroll-transform-nested-stacked-children-ref.html"> 5 <div style="height: 200px; overflow: scroll; background: white"> 6 <svg width="300" height="300"> 7 <g transform="translate(50, 50)"> 8 <foreignObject width="100" height="100"> 9 <div style="background: red; width: 100px; height: 100px; position: relative"> 10 <div style="background: green; width: 100px; height: 100px; position: relative"></div> 11 </div> 12 </foreignObject> 13 </g> 14 </svg> 15 </div>