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 |