invalidate-descendants-when-receiving-paint-layer.html 733 B

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