| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <body> | 3 <body> |
| 4 <style> | 4 <style> |
| 5 .div1 { -webkit-column-span: all; } | 5 .div1 { -webkit-column-span: all; } |
| 6 .divContainer::after { content: ''; } | 6 .divContainer::after { content: ''; } |
| 7 .divContainer { -webkit-column-width: 1px; } | 7 .divContainer { -webkit-column-width: 1px; } |
| 8 .runin { display: run-in; } | 8 .runin { display: run-in; } |
| 9 </style> | 9 </style> |
| 10 <script> | 10 <script> |
| 11 if (window.internals) |
| 12 internals.settings.setRegionBasedColumnsEnabled(true); |
| 11 if (window.testRunner) | 13 if (window.testRunner) |
| 12 testRunner.dumpAsText(); | 14 testRunner.dumpAsText(); |
| 13 | 15 |
| 14 document.body.offsetTop; | 16 document.body.offsetTop; |
| 15 div1 = document.createElement('div'); | 17 div1 = document.createElement('div'); |
| 16 div1.setAttribute('class', 'div1'); | 18 div1.setAttribute('class', 'div1'); |
| 17 div2 = document.createElement('div'); | 19 div2 = document.createElement('div'); |
| 18 div3 = document.createElement('div'); | 20 div3 = document.createElement('div'); |
| 19 | 21 |
| 20 divContainer = document.createElement('div'); | 22 divContainer = document.createElement('div'); |
| 21 divContainer.setAttribute('class', 'divContainer'); | 23 divContainer.setAttribute('class', 'divContainer'); |
| 22 document.documentElement.appendChild(divContainer); | 24 document.documentElement.appendChild(divContainer); |
| 23 | 25 |
| 24 div2.appendChild(div1); | 26 div2.appendChild(div1); |
| 25 divContainer.appendChild(div2); | 27 divContainer.appendChild(div2); |
| 26 divContainer.appendChild(div3); | 28 divContainer.appendChild(div3); |
| 27 document.body.offsetTop; | 29 document.body.offsetTop; |
| 28 div2.setAttribute('class', 'runin'); | 30 div2.setAttribute('class', 'runin'); |
| 29 document.body.offsetTop; | 31 document.body.offsetTop; |
| 30 document.body.innerHTML = "PASS"; | 32 document.body.innerHTML = "PASS"; |
| 31 </script> | 33 </script> |
| 32 </body> | 34 </body> |
| 33 </html> | 35 </html> |
| OLD | NEW |