| <!DOCTYPE html> |
| <script src="resources/text-based-repaint.js"></script> |
| <script> |
| function repaintTest() { |
| target.style.opacity = 0.2; |
| } |
| onload = runRepaintAndPixelTest; |
| </script> |
| <!--Tests paint invalidation on a non-stacking-context squashing layer when a sublayer is created |
| and the descendants of the sublayer changes paint invalidation container. Passes if we invalidate |
| the descendants of the layer on the squashing layer.--> |
| <div style="will-change: transform; position: fixed"></div> |
| <div style="position: relative; border: 1px solid black;"> |
| <div id="target" style="opacity: 1; height: 50px; width: 50px; background: red"> |
| <div id="child" style="width: 100px; height: 100px; background: black"></div> |
| </div> |
| </div> |