| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <body> | 3 <body> |
| 4 Test passes if it does not crash. | 4 Test passes if it does not crash. |
| 5 <style> | 5 <style> |
| 6 .columns | 6 .columns |
| 7 { | 7 { |
| 8 -webkit-column-count: 2; | 8 -webkit-column-count: 2; |
| 9 -webkit-column-span: all; | 9 -webkit-column-span: all; |
| 10 } | 10 } |
| 11 .list | 11 .list |
| 12 { | 12 { |
| 13 display: list-item; | 13 display: list-item; |
| 14 } | 14 } |
| 15 </style> | 15 </style> |
| 16 <script> | 16 <script> |
| 17 if (window.internals) |
| 18 internals.settings.setRegionBasedColumnsEnabled(true); |
| 17 if (window.testRunner) | 19 if (window.testRunner) |
| 18 testRunner.dumpAsText(); | 20 testRunner.dumpAsText(); |
| 19 | 21 |
| 20 list = document.createElement('p'); | 22 list = document.createElement('p'); |
| 21 list.setAttribute('class', 'list'); | 23 list.setAttribute('class', 'list'); |
| 22 listChild = document.createElement('hr'); | 24 listChild = document.createElement('hr'); |
| 23 list.appendChild(listChild); | 25 list.appendChild(listChild); |
| 24 list.appendChild(document.createTextNode('Text.')); | 26 list.appendChild(document.createTextNode('Text.')); |
| 25 outerColumns = document.createElement('div'); | 27 outerColumns = document.createElement('div'); |
| 26 outerColumns.appendChild(list); | 28 outerColumns.appendChild(list); |
| 27 document.body.appendChild(outerColumns); | 29 document.body.appendChild(outerColumns); |
| 28 outerColumns.setAttribute('class', 'columns'); | 30 outerColumns.setAttribute('class', 'columns'); |
| 29 document.body.offsetTop; | 31 document.body.offsetTop; |
| 30 | 32 |
| 31 innerColumns = document.createElement('div'); | 33 innerColumns = document.createElement('div'); |
| 32 innerColumns.setAttribute('class', 'columns'); | 34 innerColumns.setAttribute('class', 'columns'); |
| 33 listChild.appendChild(innerColumns); | 35 listChild.appendChild(innerColumns); |
| 34 document.body.offsetTop; | 36 document.body.offsetTop; |
| 35 | 37 |
| 36 document.body.removeChild(outerColumns); | 38 document.body.removeChild(outerColumns); |
| 37 </script> | 39 </script> |
| 38 </body> | 40 </body> |
| 39 </html> | 41 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 296413007:
[New Multicolumn] Add support for column-span:all (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@359976