| 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 |