| <html> |
| <body> |
| <svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%"> |
| <!-- The FO should be visible and completely cover the red rect. --> |
| <rect id="rect" width="100" height="100" fill="red"/> |
| <g> |
| <foreignObject id="fo" width="100" height="100"> |
| <div style="background-color: green; width: 100px; height: 100px;"/> |
| </foreignObject> |
| </g> |
| </svg> |
| <script> |
| var pos = Math.round(window.innerWidth * 2 / 3); |
| document.getElementById('rect').setAttribute('x', pos); |
| document.getElementById('fo').setAttribute('x', pos); |
| </script> |
| </body> |
| </html> |
