| <!DOCTYPE html> |
| <script src="../../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| onload = function() { |
| runAfterLayoutAndPaint(function() { |
| container.style.height = '200px'; |
| }, true); |
| }; |
| </script> |
| Tests repaint of subsequences when ancestor's clip changes. Passes if there is only a green square. |
| <div id="container" style="z-index: 1; position: relative; overflow: hidden; width: 200px; height: 500px"> |
| <div style="z-index: 2; position: relative; width: 100%; height: 500px"> |
| <div style="position: relative; width: 200px; height: 200px; background-color: green"></div> |
| <div style="position: relative; width: 200px; height: 200px; background-color: red"></div> |
| </div> |
| </div> |