OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Change regular block to multicol</title> | |
5 <script> | 4 <script> |
6 if (window.internals) | 5 if (window.internals) |
7 internals.settings.setRegionBasedColumnsEnabled(true); | 6 internals.settings.setRegionBasedColumnsEnabled(true); |
8 function test() { | 7 function test() { |
9 var elm = document.getElementById('elm'); | 8 var elm = document.getElementById('elm'); |
10 elm.offsetTop; // trigger layout | 9 elm.offsetTop; // trigger layout |
11 elm.style.WebkitColumns = 4; | 10 elm.style.WebkitColumns = '4'; |
12 elm.style.columns = 4; | 11 elm.style.columns = '4'; |
| 12 elm.style.overflow = 'visible'; |
13 } | 13 } |
14 </script> | 14 </script> |
15 </head> | 15 </head> |
16 <body onload="test()"> | 16 <body onload="test()"> |
17 <p>You should see the word 'PASS' below.</p> | 17 <p>You should see the word 'PASS' below.</p> |
18 <div style="font-family:monospace; float:left;"> | 18 <div style="float:left;"> |
19 <div id="elm" style="-webkit-column-gap:0; column-gap:0; orphans:1;
widows:1;"> | 19 <div id="elm" style="overflow:-webkit-paged-x; -webkit-column-gap:0;
column-gap:0; orphans:1; widows:1; height:7em; line-height:4em;"> |
20 P<br> | 20 P<br> |
21 A<br> | 21 A<br> |
22 S<br> | 22 S<br> |
23 S<br> | 23 S<br> |
24 </div> | 24 </div> |
25 </div> | 25 </div> |
26 </body> | 26 </body> |
27 </html> | 27 </html> |
OLD | NEW |