src/third_party/WebKit/LayoutTests/compositing/overflow/updating-scrolling-container.html

   1 <!DOCTYPE html>
   2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest() {
   5   document.getElementById('container').style.borderColor = "green";
   6 }
   7 onload = runRepaintTest;
   8 </script>
   9 <style>
  10 #container {
  11   overflow: scroll;
  12   width: 200px;
  13   height: 200px;
  14   border: 5px solid red;
  15 }
  16 #content {
  17   width: 400px;
  18   height: 400px;
  19 }
  20 </style>
  21 <div style="height: 100px">
  22 Tests invalidation of scrolling container and contents on change of style which affects the container only.
  23 Passes if there is no red, and only the container is invalidated.
  24 </div>
  25 <div id="container">
  26   <div id="content">CONTENT</div>
  27 </div>