| <!DOCTYPE HTML> |
| <html> |
| <body> |
| <p>Test if clip-path doesn't cause isolation. This test passes if you see a green rectangle with yellow borders.</p> |
| <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400px" height="400px" > |
| <defs> |
| <clipPath id="clip"> |
| <rect x="10" y="10" width="20" height="20"/> |
| </clipPath> |
| </defs> |
| <g transform="scale(4 4)"> |
| <rect x="0" y="0" width="40" height="40" fill="rgb(255,255,0)"/> |
| <g clip-path="url(#clip)"> |
| <rect x="0" y="0" width="40" height="40" fill="rgb(255,0,0)" style="mix-blend-mode: difference"/> |
| </g> |
| </g> |
| </svg> |
| </body> |
| </html> |
