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

    #outer {
      margin: 50px 50px 0;
      width: 100px;
      height: 100px;
      clip-path: url(#path);
      position: fixed;
    }
  ]]></style>
  <div xmlns="http://www.w3.org/1999/xhtml" id="outer">
    <div xmlns="http://www.w3.org/1999/xhtml" id="inner"></div>
  </div>

  <svg xmlns="http://www.w3.org/2000/svg" height="0">
    <defs>
      <clipPath id="path" clipPathUnits="objectBoundingBox">
        <polygon points="0.25,0.25 0.25,0.75 0.75,0.75 0.75,0.25"/>
      </clipPath>
    </defs>
  </svg>
</window>