OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Change multicol to regular block</title> | |
5 <script> | 4 <script> |
| 5 if (window.internals) |
| 6 internals.settings.setRegionBasedColumnsEnabled(true); |
6 function test() { | 7 function test() { |
7 var elm = document.getElementById('elm'); | 8 var elm = document.getElementById('elm'); |
8 elm.offsetTop; // trigger layout | 9 elm.offsetTop; // trigger layout |
9 elm.style.WebkitColumns = 'auto'; | 10 elm.style.WebkitColumns = 'auto'; |
10 elm.style.columns = 'auto'; | 11 elm.style.columns = 'auto'; |
| 12 elm.style.overflow = '-webkit-paged-x'; |
11 } | 13 } |
12 </script> | 14 </script> |
13 </head> | 15 </head> |
14 <body onload="test()"> | 16 <body onload="test()"> |
15 <p>There should be a blue <em>square</em> below.</p> | 17 <p>There should be nothing below, except for a horizontal scrollbar.</p> |
16 <div id="elm" style="-webkit-columns:4; columns:4; orphans:1; widows:1;
width:16em; line-height:4em; background:blue;"> | 18 <div id="elm" style="-webkit-columns:4; columns:4; -webkit-column-fill:a
uto; column-fill:auto; height:11em; orphans:1; widows:1; width:16em; line-height
:4em;"> |
17 <br> | 19 <br> |
18 <br> | 20 <br> |
19 <br> | 21 <br> |
20 <br> | 22 FAIL |
21 </div> | 23 </div> |
22 </body> | 24 </body> |
23 </html> | 25 </html> |
OLD | NEW |