OLD | NEW |
| (Empty) |
1 <!-- Based on compositing/squashing/resize-squashing-layer-that-needs-full-repai
nt.html --> | |
2 <!doctype html> | |
3 <script src="resources/paint-invalidation-test.js"></script> | |
4 | |
5 <!-- The second two divs form a combined squashing layer. display:none'ing the f
irst of them will resize the squashing layer. --> | |
6 <div style="width: 500px; height: 500px; transform: translateZ(0)"></div> | |
7 <div style="position: absolute; top: 55px; left: 55px; width: 500px; height: 500
px; background-color: lightblue"></div> | |
8 <div id="to-be-removed" style="position: absolute; top: 0px; left: 0px; width: 5
0px; height: 50px; background-color: lightgray"></div> | |
9 | |
10 <script> | |
11 // This test checks that resizing a squashing layer such that the offset of cont
ent squashed into it relative to the squashing | |
12 // container causes a repaint of its bounds within the updated squashing layer g
eometry. | |
13 function paintInvalidationTest() { | |
14 document.querySelector("#to-be-removed").style.display = 'none'; | |
15 } | |
16 | |
17 runPaintInvalidationTest(); | |
18 </script> | |
OLD | NEW |