third_party/WebKit/LayoutTests/paint/invalidation/fixed-position-descendant-paint-offset-indirect.html

   1 <!DOCTYPE html>
   2 <style>
   3 #container {
   4     position: fixed;
   5     top: 200px;
   6     left: 100px;
   7 }
   8
   9 #block {
  10     position: relative;
  11     width: 100px;
  12     height: 100px;
  13     top: 50px;
  14     background-color: green;
  15 }
  16
  17 #composited-non-stacking-context {
  18     width: 20px;
  19     height: 20px;
  20     background-color: white;
  21     backface-visibility: hidden;
  22 }
  23 </style>
  24 <div id="container">
  25     <div id="composited-non-stacking-context">
  26         <div id="block"></div>
  27     </div>
  28 </div>
  29 This test passes if the green block stays at the same place after repaint.
  30 <script src="../../resources/run-after-layout-and-paint.js"></script>
  31 <script>
  32 runAfterLayoutAndPaint(function() {
  33     document.getElementById("container").style.top = "100px";
  34     document.getElementById("block").style.top = "100px";
  35 }, true);
  36 </script>