src/third_party/WebKit/LayoutTests/fast/repaint/fixed-under-composited-fixed-scrolled.html

   1 <!DOCTYPE html>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest() {
   5   document.getElementById('fixed').style.display = 'none';
   6 }
   7 onload = function() {
   8   // Scroll before repaint test to test correct scroll offset of invalidation rect
   9   // for fixed-position element when it needs repaint.
  10   window.scrollTo(0, 400);
  11   runRepaintTest();
  12 };
  13 </script>
  14 <style>
  15 body {
  16   height: 2000px;
  17 }
  18 #fixed-container {
  19   position: fixed;
  20   top: 0;
  21   left: 0;
  22   width: 100%;
  23   height: 100%;
  24   background-color: green;
  25   backface-visibility: hidden;
  26 }
  27 #fixed {
  28   position: fixed;
  29   top: 100px;
  30   left: 100px;
  31   width: 200px;
  32   height: 200px;
  33   background-color: red;
  34 }
  35 </style>
  36 Tests paint invalidation of fixed elements under a composited fixed element after scrolled.
  37 Passes if there is only green background.
  38 <div id="fixed-container">
  39   <div id="fixed"></div>
  40 </div>