| <!doctype html> |
| <div style="position: absolute; overflow:scroll; width:200px; height:200px"> |
| <div id="foo2" style="height: 1000px; width: 150px; background: lightblue; will-change: transform;"></div> |
| <div id="foo" style="height: 1000px; width: 100px; position: absolute; top: 0px; left: 0px; background: lightgray"></div> |
| </div> |
| <script src="../resources/text-based-repaint.js"></script> |
| <script> |
| // This test verifies that a repaint request for a squashed layer that is inside of a scrolling container and much taller |
| // than the viewport does not receive an incorrect paint invalidation rect when it is invalidated. In particular, the invalidation |
| // rect should not be clipped to the visible viewport. |
| |
| function repaintTest() { |
| document.querySelector("#foo").style.background = 'red'; |
| } |
| |
| runRepaintAndPixelTest(); |
| </script> |