layout/reftests/xul/inactive-fixed-bg-bug1205630.xhtml

   1 <?xml version="1.0"?>
   2 <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
   3   <!-- Test that a fixed background layer inside an inactive layer tree
   4        is clipped correctly. Here, the inactive layer tree is created by
   5        the SVGEffects display item built for the clip-path on the outer div.
   6        The bug only reproduces in XUL because fixed backgrounds are only
   7        layerized if their animated geometry root is the root frame, but
   8        in HTML there's always an enclosing HTML scroll frame. -->
   9   <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
  10     #inner {
  11       width: 100px;
  12       height: 100px;
  13       background: linear-gradient(red, blue) no-repeat fixed;
  14       background-size: 800px 800px;
  15     }
  16
  17     #outer {
  18       margin: 50px 50px 0;
  19       width: 100px;
  20       height: 100px;
  21       clip-path: url(#path);
  22       position: fixed;
  23     }
  24   ]]></style>
  25   <div xmlns="http://www.w3.org/1999/xhtml" id="outer">
  26     <div xmlns="http://www.w3.org/1999/xhtml" id="inner"></div>
  27   </div>
  28
  29   <svg xmlns="http://www.w3.org/2000/svg" height="0">
  30     <defs>
  31       <clipPath id="path" clipPathUnits="objectBoundingBox">
  32         <polygon points="0.25,0.25 0.25,0.75 0.75,0.75 0.75,0.25"/>
  33       </clipPath>
  34     </defs>
  35   </svg>
  36 </window>