third_party/WebKit/LayoutTests/paint/invalidation/spv2/fixed-child-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: 200px;
  21   width: 100px;
  22   height: 100px;
  23   background-color: green;
  24 }
  25 /* to make the transformed container scrollable */
  26 #content {
  27   width: 1000px;
  28   height: 1000px;
  29 }
  30 </style>
  31 Tests invalidation of a fixed-position child of a transformed scrolled element.
  32 Passes if there is a green box at the center of the scrollable area.
  33 <div id="transformed">
  34   <div id="content"></div>
  35 </div>
  36 <div id="fixed"></div>