third_party/WebKit/LayoutTests/svg/foreignObject/repaint-rect-coordinates.html

   1 <html>
   2 <body>
   3 <svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%">
   4   <!-- The FO should be visible and completely cover the red rect. -->
   5   <rect id="rect" width="100" height="100" fill="red"/>
   6   <g>
   7     <foreignObject id="fo" width="100" height="100">
   8       <div style="background-color: green; width: 100px; height: 100px;"/>
   9     </foreignObject>
  10   </g>
  11 </svg>
  12 <script>
  13     var pos = Math.round(window.innerWidth * 2 / 3);
  14     document.getElementById('rect').setAttribute('x', pos);
  15     document.getElementById('fo').setAttribute('x', pos);
  16 </script>
  17 </body>
  18 </html>