| <!DOCTYPE HTML> |
| <html> |
| <body> |
| Test for crbug.com/277848.<br/> |
| This test passes if there is a green square below with no red.<br/> |
| <div id="lazyAttach"></div> |
| <script> |
| document.getElementById('lazyAttach').innerHTML = '<svg clip-path="url(#clip-rect)">' + |
| '<defs>' + |
| '<clipPath id="clip-rect">' + |
| '<rect id="rect" x="20" y="20" width="80" height="80"/>' + |
| '</clipPath>' + |
| '</defs>' + |
| // The red stroke of this rect should be clipped away. |
| '<rect x="10" y="10" width="100" height="100" fill="green" stroke-width="5" stroke="red"/>' + |
| '</svg>'; |
| </script> |
| </body> |
| </html> |
| |