| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script> | 4 <script> |
| 5 if (window.internals) | |
| 6 internals.settings.setRegionBasedColumnsEnabled(true); | |
| 7 function test() { | 5 function test() { |
| 8 var elm = document.getElementById('elm'); | 6 var elm = document.getElementById('elm'); |
| 9 elm.offsetTop; // trigger layout | 7 elm.offsetTop; // trigger layout |
| 10 elm.style.height = '14em'; | 8 elm.style.height = '14em'; |
| 11 } | 9 } |
| 12 </script> | 10 </script> |
| 13 </head> | 11 </head> |
| 14 <body onload="test()"> | 12 <body onload="test()"> |
| 15 <p>Below there should be <em>one</em> column with 7 lines.</p> | 13 <p>Below there should be <em>one</em> column with 7 lines.</p> |
| 16 <div id="elm" style="-webkit-columns:3; columns:3; column-fill:auto; orp
hans:1; widows:1; height:4em; line-height:2em;"> | 14 <div id="elm" style="-webkit-columns:3; columns:3; column-fill:auto; orp
hans:1; widows:1; height:4em; line-height:2em;"> |
| 17 line<br> | 15 line<br> |
| 18 line<br> | 16 line<br> |
| 19 line<br> | 17 line<br> |
| 20 line<br> | 18 line<br> |
| 21 line<br> | 19 line<br> |
| 22 line<br> | 20 line<br> |
| 23 line<br> | 21 line<br> |
| 24 </div> | 22 </div> |
| 25 </body> | 23 </body> |
| 26 </html> | 24 </html> |
| OLD | NEW |