third_party/WebKit/LayoutTests/fast/repaint/paged-with-overflowing-block-rl.html

   1 <!DOCTYPE html>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4     if (window.internals)
   5         onload = runRepaintTest;
   6     else
   7         onclick = repaintTest;
   8     function repaintTest() {
   9         document.getElementById('elm').style.background = 'green';
  10     }
  11 </script>
  12 <div id="container" style="overflow:-webkit-paged-x; -webkit-column-gap:0; width:500px; height:500px; -webkit-writing-mode:vertical-rl;">
  13     <div style="width:100px;">
  14         <div id="elm" style="width:1000px; background:yellow;"></div>
  15     </div>
  16 </div>
  17 <script>
  18         document.getElementById("container").scrollLeft = 0;
  19 </script>
  20 <p>Test changing the background color of a big block that overflows the flow thread.</p>
  21 <p>A green square with a horizontal scrollbar should be seen above (if tested manually, you need to click first).</p>