svg-foreign-relayout-001.html (623B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1462742"> 3 <link rel="match" href="../../css/reference/ref-filled-green-100px-square-only.html"> 4 <p>Test passes if there is a filled green square.</p> 5 <svg width=100 height=100> 6 <foreignObject id=target width=0 height=100> 7 <canvas id=inner style="background: green; position: absolute; width: 100px; height: 100px; left: 0; top: 0;"></canvas> 8 </foreignObject> 9 </svg> 10 <script> 11 document.body.offsetTop; 12 document.getElementById('inner').width = '100'; 13 document.getElementById('target').setAttribute('width', '100'); 14 </script>