OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <title>auto-height multicol</title> |
| 5 <script src="../../js/resources/js-test-pre.js"></script> |
| 6 <script> |
| 7 if (window.testRunner) |
| 8 testRunner.dumpAsText(); |
| 9 if (window.internals) |
| 10 internals.settings.setRegionBasedColumnsEnabled(true); |
| 11 </script> |
| 12 </head> |
| 13 <body> |
| 14 <p>There should be two identical boxes below.</p> |
| 15 <div id="mc" style="-webkit-columns:3; columns:3; orphans:1; widows:1; line-
height:50px; margin:1em; float:left; width:18em; color:olive; background:olive;"
> |
| 16 <span>line</span><br> |
| 17 <span>line</span><br> |
| 18 <span>line</span><br> |
| 19 <span>line</span><br> |
| 20 <span>line</span><br> |
| 21 <span>line</span><br> |
| 22 <span>line</span><br> |
| 23 <span style="line-height:150px;">line</span><br> |
| 24 <span>line</span><br> |
| 25 <span>line</span><br> |
| 26 </div> |
| 27 <div id="ref" style="-webkit-columns:3; columns:3; orphans:1; widows:1; line
-height:50px; margin:1em; float:left; width:18em; height:250px; color:olive; bac
kground:olive;"> |
| 28 <span>line</span><br> |
| 29 <span>line</span><br> |
| 30 <span>line</span><br> |
| 31 <span>line</span><br> |
| 32 <span>line</span><br> |
| 33 <span>line</span><br> |
| 34 <span>line</span><br> |
| 35 <span style="line-height:150px;">line</span><br> |
| 36 <span>line</span><br> |
| 37 <span>line</span><br> |
| 38 </div> |
| 39 <script> |
| 40 shouldBe("mc.offsetHeight", "ref.offsetHeight"); |
| 41 </script> |
| 42 <script src="../../js/resources/js-test-post.js"></script> |
| 43 </body> |
| 44 </html> |
OLD | NEW |