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

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