| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>Column and multicol content top overflow clipping</title> | 4 <title>Column and multicol content top overflow clipping</title> |
| 5 <script> | |
| 6 if (window.internals) | |
| 7 internals.settings.setRegionBasedColumnsEnabled(true); | |
| 8 </script> | |
| 9 <style> | 5 <style> |
| 10 .mc { | 6 .mc { |
| 11 columns: 3; | 7 columns: 3; |
| 12 column-gap: 15px; | 8 column-gap: 15px; |
| 13 column-fill: auto; | 9 column-fill: auto; |
| 14 -webkit-columns: 3; | 10 -webkit-columns: 3; |
| 15 -webkit-column-gap: 15px; | 11 -webkit-column-gap: 15px; |
| 16 width: 600px; | 12 width: 600px; |
| 17 height: 100px; | 13 height: 100px; |
| 18 } | 14 } |
| 19 </style> | 15 </style> |
| 20 </head> | 16 </head> |
| 21 <body> | 17 <body> |
| 22 <p>There should be a 100x100 blue square below.</p> | 18 <p>There should be a 100x100 blue square below.</p> |
| 23 <div class="mc" style="margin-left:50px; margin-top:20px;"> | 19 <div class="mc" style="margin-left:50px; margin-top:20px;"> |
| 24 <div style="width:100px; height:100px; background:blue;"></div> | 20 <div style="width:100px; height:100px; background:blue;"></div> |
| 25 </div> | 21 </div> |
| 26 </body> | 22 </body> |
| 27 </html> | 23 </html> |
| OLD | NEW |