| OLD | NEW | 
 | (Empty) | 
|   1 <!DOCTYPE html> |  | 
|   2 <html> |  | 
|   3     <head> |  | 
|   4         <script src="resources/text-based-repaint.js" type="text/javascript"></s
    cript> |  | 
|   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> |  | 
| OLD | NEW |