| <!DOCTYPE html> |
| <div id="parent" style="margin: 20px; will-change: transform;"> |
| <div id="test" style="height: 100px; width: 100px;"></div> |
| <div style="height: 100px; width: 100px; background: blue"></div> |
| <div style="position: absolute; top: 10px; left: 200px; height: 100px; width: 100px; background: yellow"></div> |
| </div> |
| <script src="../resources/text-based-repaint.js"></script> |
| <p>crbug.com/621612: Change overflow on the child of a composited layer should allow the layer to resize and contain the overflow, just like it would in a layout. There should be a white box with black outline below.</p> |
| <script> |
| function repaintTest() { |
| test.style.outline = "10px solid black"; |
| } |
| onload = function() { |
| runRepaintAndPixelTest(); |
| } |
| </script> |
| |
| |