| <!doctype HTML> |
| <script src="resources/text-based-repaint.js"></script> |
| <div style="will-change: transform; overflow: scroll; width: 200px; height: 200px; background: lightgray"> |
| <div style="position: relative; z-index: -1; width: 200px; height: 200px; background: lightblue; will-change: transform"></div> |
| <div id="target" style="width: 200px; height: 200px; margin-top: -100px; margin-left: 100px; background: red"></div> |
| </div> |
| <script> |
| // Tests invalidation of the foreground graphics layer, which is used to paint normal flow and positive z-index children |
| // in the presence of a composited, negative z-index child. |
| function repaintTest() { |
| target.style.background = "green"; |
| } |
| onload = function() { |
| runRepaintAndPixelTest(); |
| } |
| </script> |