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