OLD | NEW |
1 The gray div is a composited fixed-position element, and the cyan/lime elements
should be squashed together on top. When scrolling, paragraphs may pop in-and-ou
t of the squashing layer when they change overlapping status with respect to the
composited layer underneath. | 1 The gray div is a composited fixed-position element, and the cyan/lime elements
should be squashed together on top. When scrolling, paragraphs may pop in-and-ou
t of the squashing layer when they change overlapping status with respect to the
composited layer underneath. |
2 | 2 |
3 This scenario tests (1) that content repaints correctly as layers pop in and out
of squashing, and (2) that the positioning of the squashing layer remains corre
ct (i.e. scrolls properly) when the squashing layer is on top of a fixed-positio
n composited layer. | 3 This scenario tests (1) that content repaints correctly as layers pop in and out
of squashing, and (2) that the positioning of the squashing layer remains corre
ct (i.e. scrolls properly) when the squashing layer is on top of a fixed-positio
n composited layer. |
4 | 4 |
5 CASE 1, original layer tree: | 5 CASE 1, original layer tree: |
6 (GraphicsLayer | 6 (GraphicsLayer |
7 (bounds 785.00 1400.00) | 7 (bounds 785.00 1400.00) |
8 (children 1 | 8 (children 1 |
9 (GraphicsLayer | 9 (GraphicsLayer |
10 (bounds 785.00 1400.00) | 10 (bounds 785.00 1400.00) |
11 (contentsOpaque 1) | 11 (contentsOpaque 1) |
12 (drawsContent 1) | 12 (drawsContent 1) |
13 (children 2 | 13 (children 2 |
14 (GraphicsLayer | 14 (GraphicsLayer |
15 (position 100.00 150.00) | 15 (position 100.00 150.00) |
16 (bounds 300.00 300.00) | 16 (bounds 300.00 300.00) |
17 (contentsOpaque 1) | 17 (contentsOpaque 1) |
| 18 (drawsContent 1) |
| 19 (backgroundColor #D3D3D3) |
18 ) | 20 ) |
19 (GraphicsLayer | 21 (GraphicsLayer |
20 (children 2 | 22 (children 2 |
21 (GraphicsLayer | 23 (GraphicsLayer |
22 (position 0.00 100.00) | 24 (position 0.00 100.00) |
23 (bounds 200.00 100.00) | 25 (bounds 200.00 100.00) |
24 (contentsOpaque 1) | 26 (contentsOpaque 1) |
| 27 (drawsContent 1) |
| 28 (backgroundColor #00FF00) |
25 ) | 29 ) |
26 (GraphicsLayer | 30 (GraphicsLayer |
27 (position 0.00 200.00) | 31 (position 0.00 200.00) |
28 (bounds 200.00 300.00) | 32 (bounds 200.00 300.00) |
29 (drawsContent 1) | 33 (drawsContent 1) |
30 ) | 34 ) |
31 ) | 35 ) |
32 ) | 36 ) |
33 ) | 37 ) |
34 ) | 38 ) |
35 ) | 39 ) |
36 ) | 40 ) |
37 CASE 2, scrolling y to 80, new layers will be squashed, so things repaint: | 41 CASE 2, scrolling y to 80, new layers will be squashed, so things repaint: |
38 (GraphicsLayer | 42 (GraphicsLayer |
39 (bounds 785.00 1400.00) | 43 (bounds 785.00 1400.00) |
40 (children 1 | 44 (children 1 |
41 (GraphicsLayer | 45 (GraphicsLayer |
42 (bounds 785.00 1400.00) | 46 (bounds 785.00 1400.00) |
43 (contentsOpaque 1) | 47 (contentsOpaque 1) |
44 (drawsContent 1) | 48 (drawsContent 1) |
45 (repaint rects | 49 (repaint rects |
46 (rect 0.00 100.00 200.00 100.00) | 50 (rect 0.00 100.00 200.00 100.00) |
47 (rect 0.00 200.00 200.00 100.00) | 51 (rect 0.00 200.00 200.00 100.00) |
48 ) | 52 ) |
49 (children 2 | 53 (children 2 |
50 (GraphicsLayer | 54 (GraphicsLayer |
51 (position 100.00 230.00) | 55 (position 100.00 230.00) |
52 (bounds 300.00 300.00) | 56 (bounds 300.00 300.00) |
53 (contentsOpaque 1) | 57 (contentsOpaque 1) |
| 58 (drawsContent 1) |
| 59 (backgroundColor #D3D3D3) |
54 ) | 60 ) |
55 (GraphicsLayer | 61 (GraphicsLayer |
56 (children 2 | 62 (children 2 |
57 (GraphicsLayer | 63 (GraphicsLayer |
58 (position 0.00 200.00) | 64 (position 0.00 200.00) |
59 (bounds 200.00 100.00) | 65 (bounds 200.00 100.00) |
60 (contentsOpaque 1) | 66 (contentsOpaque 1) |
| 67 (drawsContent 1) |
| 68 (backgroundColor #00FFFF) |
61 ) | 69 ) |
62 (GraphicsLayer | 70 (GraphicsLayer |
63 (position 0.00 300.00) | 71 (position 0.00 300.00) |
64 (bounds 200.00 300.00) | 72 (bounds 200.00 300.00) |
65 (drawsContent 1) | 73 (drawsContent 1) |
66 ) | 74 ) |
67 ) | 75 ) |
68 ) | 76 ) |
69 ) | 77 ) |
70 ) | 78 ) |
71 ) | 79 ) |
72 ) | 80 ) |
73 CASE 3, scrolling y to 120, no repaints expected: | 81 CASE 3, scrolling y to 120, no repaints expected: |
74 (GraphicsLayer | 82 (GraphicsLayer |
75 (bounds 785.00 1400.00) | 83 (bounds 785.00 1400.00) |
76 (children 1 | 84 (children 1 |
77 (GraphicsLayer | 85 (GraphicsLayer |
78 (bounds 785.00 1400.00) | 86 (bounds 785.00 1400.00) |
79 (contentsOpaque 1) | 87 (contentsOpaque 1) |
80 (drawsContent 1) | 88 (drawsContent 1) |
81 (children 2 | 89 (children 2 |
82 (GraphicsLayer | 90 (GraphicsLayer |
83 (position 100.00 270.00) | 91 (position 100.00 270.00) |
84 (bounds 300.00 300.00) | 92 (bounds 300.00 300.00) |
85 (contentsOpaque 1) | 93 (contentsOpaque 1) |
| 94 (drawsContent 1) |
| 95 (backgroundColor #D3D3D3) |
86 ) | 96 ) |
87 (GraphicsLayer | 97 (GraphicsLayer |
88 (children 2 | 98 (children 2 |
89 (GraphicsLayer | 99 (GraphicsLayer |
90 (position 0.00 200.00) | 100 (position 0.00 200.00) |
91 (bounds 200.00 100.00) | 101 (bounds 200.00 100.00) |
92 (contentsOpaque 1) | 102 (contentsOpaque 1) |
| 103 (drawsContent 1) |
| 104 (backgroundColor #00FFFF) |
93 ) | 105 ) |
94 (GraphicsLayer | 106 (GraphicsLayer |
95 (position 0.00 300.00) | 107 (position 0.00 300.00) |
96 (bounds 200.00 300.00) | 108 (bounds 200.00 300.00) |
97 (drawsContent 1) | 109 (drawsContent 1) |
98 ) | 110 ) |
99 ) | 111 ) |
100 ) | 112 ) |
101 ) | 113 ) |
102 ) | 114 ) |
103 ) | 115 ) |
104 ) | 116 ) |
105 CASE 4, scrolling y to 170 new layers will be squashed, so things repaint: | 117 CASE 4, scrolling y to 170 new layers will be squashed, so things repaint: |
106 (GraphicsLayer | 118 (GraphicsLayer |
107 (bounds 785.00 1400.00) | 119 (bounds 785.00 1400.00) |
108 (children 1 | 120 (children 1 |
109 (GraphicsLayer | 121 (GraphicsLayer |
110 (bounds 785.00 1400.00) | 122 (bounds 785.00 1400.00) |
111 (contentsOpaque 1) | 123 (contentsOpaque 1) |
112 (drawsContent 1) | 124 (drawsContent 1) |
113 (repaint rects | 125 (repaint rects |
114 (rect 0.00 200.00 200.00 100.00) | 126 (rect 0.00 200.00 200.00 100.00) |
115 (rect 0.00 300.00 200.00 100.00) | 127 (rect 0.00 300.00 200.00 100.00) |
116 ) | 128 ) |
117 (children 2 | 129 (children 2 |
118 (GraphicsLayer | 130 (GraphicsLayer |
119 (position 100.00 320.00) | 131 (position 100.00 320.00) |
120 (bounds 300.00 300.00) | 132 (bounds 300.00 300.00) |
121 (contentsOpaque 1) | 133 (contentsOpaque 1) |
| 134 (drawsContent 1) |
| 135 (backgroundColor #D3D3D3) |
122 ) | 136 ) |
123 (GraphicsLayer | 137 (GraphicsLayer |
124 (children 2 | 138 (children 2 |
125 (GraphicsLayer | 139 (GraphicsLayer |
126 (position 0.00 300.00) | 140 (position 0.00 300.00) |
127 (bounds 200.00 100.00) | 141 (bounds 200.00 100.00) |
128 (contentsOpaque 1) | 142 (contentsOpaque 1) |
| 143 (drawsContent 1) |
| 144 (backgroundColor #00FF00) |
129 ) | 145 ) |
130 (GraphicsLayer | 146 (GraphicsLayer |
131 (position 0.00 400.00) | 147 (position 0.00 400.00) |
132 (bounds 200.00 300.00) | 148 (bounds 200.00 300.00) |
133 (drawsContent 1) | 149 (drawsContent 1) |
134 ) | 150 ) |
135 ) | 151 ) |
136 ) | 152 ) |
137 ) | 153 ) |
138 ) | 154 ) |
139 ) | 155 ) |
140 ) | 156 ) |
141 | 157 |
OLD | NEW |