| <!DOCTYPE html> |
| <div style="position:absolute; height: 200px; width: 200px; will-change: transform; background: lightgray"></div> |
| <div style="position:absolute; height: 200px; width: 200px; top: 50px; left: 50px; background:lightblue"></div> |
| <div id="target" style="position:absolute; height: 200px; width: 200px; top: 50px; left: 50px; background:lightblue"></div> |
| <script src="../resources/text-based-repaint.js"></script> |
| <script> |
| // Tests that causing a squashed layer to leave its squashing layer causes an invalidation in the squashing layer for the previous |
| // location of the squashed layer. |
| function repaintTest() { |
| var target = document.getElementById("target"); |
| target.style.willChange = 'transform'; |
| }; |
| runRepaintAndPixelTest(); |
| </script> |