third_party/WebKit/LayoutTests/fast/repaint/multicol-with-overflowing-block-bt.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="-webkit-columns:3; -webkit-column-gap:0; column-fill:auto; width:500px; height:500px; -webkit-writing-mode:horizontal-bt;">
  13     <div style="height:100px;">
  14         <div id="elm" style="height:1500px; background:yellow;"></div>
  15     </div>
  16 </div>
  17 <p>Test changing the background color of a big block that overflows the flow thread.</p>
  18 <p>A green square should be seen above (if tested manually, you need to click first).</p>