inactive-fixed-bg-bug1205630.xhtml (1275B)
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>