| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>Forced break inside scrollable container</title> | 4 <title>Forced break inside scrollable container</title> |
| 5 <script> | |
| 6 if (window.internals) | |
| 7 internals.settings.setRegionBasedColumnsEnabled(true); | |
| 8 </script> | |
| 9 </head> | 5 </head> |
| 10 <body> | 6 <body> |
| 11 <p>The word 'PASS' should be seen on the left below. The scrollbars shou
ldn't be scrollable.</p> | 7 <p>The word 'PASS' should be seen on the left below. The scrollbars shou
ldn't be scrollable.</p> |
| 12 <div style="-webkit-columns:2; columns:2; orphans:1; widows:1;"> | 8 <div style="-webkit-columns:2; columns:2; orphans:1; widows:1;"> |
| 13 <div style="overflow:scroll; height:10em;"> | 9 <div style="overflow:scroll; height:10em;"> |
| 14 | 10 |
| 15 <div style="-webkit-column-break-before:always; break-before:col
umn;">PASS</div> | 11 <div style="-webkit-column-break-before:always; break-before:col
umn;">PASS</div> |
| 16 </div> | 12 </div> |
| 17 </div> | 13 </div> |
| 18 </body> | 14 </body> |
| 19 </html> | 15 </html> |
| OLD | NEW |