third_party/WebKit/LayoutTests/fast/repaint/horizontal-scrollbar-shrink-container-height.html

   1 <!DOCTYPE html>
   2 <p>Test decreasing the height of the containing block of a scrollable container with percent height.</p>
   3 <p>One horizontal scrollbar should be seen below.</p>
   4 <div id="target" style="height:450px;">
   5     <div style="height:50%; overflow-x:scroll;"></div>
   6 </div>
   7 <script src="../../resources/run-after-layout-and-paint.js"></script>
   8 <script>
   9     function changeSize() {
  10         document.getElementById('target').style.height = '250px';
  11     }
  12     runAfterLayoutAndPaint(changeSize, true);
  13 </script>