third_party/WebKit/LayoutTests/css3/blending/svg-isolation-foreign-no-isolation.html

   1 <!DOCTYPE HTML>
   2 <html>
   3     <body>
   4         <p>foreignObject should not isolate. The test passes if you see a lime square.</p>
   5         <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="200px" height="200px">
   6             <rect x="0" y="0" width="200" height="200" style="fill: yellow"/>
   7             <foreignObject width="200" height="200">
   8                 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="200px" height="200px">
   9                     <rect x="0" y="0" width="200" height="200" style="fill: red; mix-blend-mode: difference"/>
  10                 </svg>
  11             </foreignObject>
  12         </svg>
  13     </body>
  14 </html>