OLD | NEW |
---|---|
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <html><head> | 3 <html><head> |
4 <style> | 4 <style> |
5 .filler { | 5 .filler { |
6 background-color: #CC9900; | 6 background-color: #CC9900; |
7 border-style: solid; | 7 border-style: solid; |
8 border-width: 1px; | 8 border-width: 1px; |
9 width: 400px; | 9 width: 400px; |
10 height: 100px; | 10 height: 100px; |
(...skipping 96 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
107 // first force the element not to promote, then compute its paint and | 107 // first force the element not to promote, then compute its paint and |
108 // stacking order lists. We then force the element to opt in, and | 108 // stacking order lists. We then force the element to opt in, and |
109 // generate the paint and stacking order lists after opt-in. | 109 // generate the paint and stacking order lists after opt-in. |
110 // | 110 // |
111 // The paint order lists should exactly match the stacking order lists | 111 // The paint order lists should exactly match the stacking order lists |
112 // (modulo children that fall outside of the hit-testing area | 112 // (modulo children that fall outside of the hit-testing area |
113 // on-screen), both before and after promotion. | 113 // on-screen), both before and after promotion. |
114 parentscrollinglayer.style.webkitTransform = 'translateZ(0px)'; | 114 parentscrollinglayer.style.webkitTransform = 'translateZ(0px)'; |
115 document.body.offsetTop; | 115 document.body.offsetTop; |
116 | 116 |
117 window.internals.settings.setAcceleratedCompositingForOverflowScrollEnab led(false); | 117 window.internals.setNeedsCompositedScrolling(parentscrollinglayer, |
118 window.internals.FORCE_COMPOSITED_SCROLLING_OFF); | |
hartmanng
2013/05/02 14:04:01
here and below too
| |
118 parentscrollinglayer.style.webkitTransform = ''; | 119 parentscrollinglayer.style.webkitTransform = ''; |
119 | 120 |
120 var oldStackingOrder = getStackingOrder(); | 121 var oldStackingOrder = getStackingOrder(); |
121 var oldPaintOrder = getPaintOrder(childscrollinglayer); | 122 var oldPaintOrder = getPaintOrder(childscrollinglayer); |
122 | 123 |
123 window.internals.settings.setAcceleratedCompositingForOverflowScrollEnab led(true); | 124 window.internals.setNeedsCompositedScrolling(parentscrollinglayer, |
125 window.internals.FORCE_COMPOSITED_SCROLLING_ON); | |
124 parentscrollinglayer.style.webkitTransform = 'translateZ(0px)'; | 126 parentscrollinglayer.style.webkitTransform = 'translateZ(0px)'; |
125 | 127 |
126 var newStackingOrder = getStackingOrder(); | 128 var newStackingOrder = getStackingOrder(); |
127 var newPaintOrder = getPaintOrder(childscrollinglayer); | 129 var newPaintOrder = getPaintOrder(childscrollinglayer); |
128 | 130 |
129 // The getPaintOrder() function should return a pair of paint orders. | 131 // The getPaintOrder() function should return a pair of paint orders. |
130 // One before promotion and one after. This pair of lists should remain | 132 // One before promotion and one after. This pair of lists should remain |
131 // identical whether the element is actually currently promoted or not, | 133 // identical whether the element is actually currently promoted or not, |
132 // its purpose is to generate hypothetical pre- and post-lists to | 134 // its purpose is to generate hypothetical pre- and post-lists to |
133 // determine if the element is promotable. | 135 // determine if the element is promotable. |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
175 <div class="filler"></div> | 177 <div class="filler"></div> |
176 <div class="filler"></div> | 178 <div class="filler"></div> |
177 </div> | 179 </div> |
178 <div id="fillerchild1" class="filler negativechild"></div> | 180 <div id="fillerchild1" class="filler negativechild"></div> |
179 <div id="fillerchild2" class="filler negativechild"></div> | 181 <div id="fillerchild2" class="filler negativechild"></div> |
180 <div id="fillerchild3" class="filler negativechild"></div> | 182 <div id="fillerchild3" class="filler negativechild"></div> |
181 <div id="fillerchild4" class="filler negativechild"></div> | 183 <div id="fillerchild4" class="filler negativechild"></div> |
182 <pre id="console"></pre> | 184 <pre id="console"></pre> |
183 </body> | 185 </body> |
184 </html> | 186 </html> |
OLD | NEW |