third_party/WebKit/LayoutTests/paint/invalidation/spv2/fixed-descendant-of-transformed-scrolled-expected.html

   1 <!DOCTYPE html>
   2 <script>
   3 onload = function() {
   4   document.getElementById('transformed').scrollTop = 50;
   5 }
   6 </script>
   7 <style>
   8 #transformed {
   9   position: absolute;
  10   top: 50px;
  11   left: 100px;
  12   transform: translateX(0);
  13   overflow: scroll;
  14   width: 300px;
  15   height: 300px;
  16 }
  17 #fixed {
  18   position: fixed;
  19   top: 150px;
  20   left: 100px;
  21   width: 100px;
  22   height: 100px;
  23   background-color: green;
  24 }
  25 #relative {
  26   position: relative;
  27   top: 50px;
  28   left: 50px;
  29 }
  30 /* to make the transformed container scrollable */
  31 #content {
  32   width: 1000px;
  33   height: 1000px;
  34 }
  35 </style>
  36 Tests invalidation of a fixed-position descendant of a transformed scrolled element.
  37 Passes if there is a green box at the center of the scrollable area.
  38 <div id="transformed">
  39   <div id="relative">
  40     <div id="fixed"></div>
  41     <div id="content"></div>
  42   </div>
  43 </div>