src/third_party/WebKit/LayoutTests/fast/repaint/increasing-region-content-height.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <script src="resources/text-based-repaint.js" type="text/javascript"></script>
   5
   6         <style>
   7             div.content {
   8                 -webkit-flow-into: flow;
   9                 width: 350px;
  10                 height: 150px;
  11             }
  12             p, body {
  13                 margin: 0;
  14             }
  15             #region {
  16                 -webkit-flow-from: flow;
  17                 background-color: lightgray;
  18                 position: relative;
  19                 width: 400px;
  20                 height: 200px;
  21             }
  22         </style>
  23     </head>
  24     <body onload="runRepaintTest();">
  25         <div id="box"></div>
  26         <div class="content">
  27             <p>This text should not get clipped</p>
  28         </div>
  29
  30         <div id="region"></div>
  31
  32         <script type="text/javascript">
  33             function repaintTest()
  34             {
  35                 var box = document.getElementById("box");
  36                 box.style.height = "50px";
  37             }
  38         </script>
  39     </body>
  40 </html>