| OLD | NEW | 
 | (Empty) | 
|   1 <!doctype html> |  | 
|   2 <html> |  | 
|   3     <head> |  | 
|   4         <title>Bug 92497 - [CSS Regions] Region overset property is not properly
     computed when there is a region break</title> |  | 
|   5         <style type="text/css"> |  | 
|   6             .content { |  | 
|   7                 -webkit-flow-into: flow; |  | 
|   8                 background-color: #ddd; |  | 
|   9             } |  | 
|  10  |  | 
|  11             .content p { |  | 
|  12                 -webkit-region-break-after: always; |  | 
|  13                 margin-bottom: 4em; /*shouldn't spill over the forced break*/ |  | 
|  14             } |  | 
|  15  |  | 
|  16             .container { |  | 
|  17                 -webkit-flow-from: flow; |  | 
|  18                 width:250px; |  | 
|  19                 height:120px; |  | 
|  20                 border: 1px solid #444; |  | 
|  21                 margin-top: 1em; |  | 
|  22             } |  | 
|  23  |  | 
|  24             .fail #pass, .pass #fail { display: none; } |  | 
|  25         </style> |  | 
|  26     </head> |  | 
|  27     <body> |  | 
|  28         <div class="content"><p>content with break-after: always;</p><p>2nd p</p
    ></div> |  | 
|  29  |  | 
|  30         <div class="container" id="r1"></div> <div id="overset1">explanation goe
    s here</div> |  | 
|  31         <div class="container" id="r2"></div> <div id="overset2">explanation goe
    s here</div> |  | 
|  32         <div class="container" id="r3"></div> <div id="overset3">explanation goe
    s here</div> |  | 
|  33  |  | 
|  34         <script type="text/javascript"> |  | 
|  35             if(window.testRunner) |  | 
|  36                 testRunner.dumpAsText(); |  | 
|  37             var r1 = document.getElementById("r1").webkitRegionOverset; |  | 
|  38             document.getElementById("overset1").innerHTML = r1 + " vs fit"; |  | 
|  39             var r2 = document.getElementById("r2").webkitRegionOverset; |  | 
|  40             document.getElementById("overset2").innerHTML = r2 + " vs fit"; |  | 
|  41             var r3 = document.getElementById("r3").webkitRegionOverset; |  | 
|  42             document.getElementById("overset3").innerHTML = r3 + " vs empty"; |  | 
|  43             document.body.className = (r1 == "fit" && r2 == "fit" && r3 == "empt
    y") ? "pass" : "fail"; |  | 
|  44         </script> |  | 
|  45  |  | 
|  46         <div id="pass">PASS</div> |  | 
|  47         <div id="fail">FAIL</div> |  | 
|  48  |  | 
|  49         <p><a href="https://bugs.webkit.org/show_bug.cgi?id=92497">Bug 92497</a>
     - [CSS Regions] Region overset property is not properly computed when there is 
    a region break</p> |  | 
|  50  |  | 
|  51     </body> |  | 
|  52 </html> |  | 
| OLD | NEW |