| <!DOCTYPE html> |
| <html> |
| <body> |
| <style> |
| #test1 { |
| display: -webkit-flexbox; |
| } |
| #test1::before { |
| content: "A"; |
| } |
| #test2::before { |
| content: "B"; |
| float: right; |
| } |
| </style> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| function runTest() { |
| document.body.offsetTop; |
| |
| test1 = document.createElement('div'); |
| test1.setAttribute('id', 'test1'); |
| document.body.appendChild(test1); |
| |
| test2 = document.createElement('span'); |
| test2.setAttribute('id', 'test2'); |
| test1.appendChild(test2); |
| |
| test3 = document.createElement('div'); |
| test1.appendChild(test3); |
| test3Child = document.createElement('div'); |
| test3.appendChild(test3Child); |
| |
| document.body.offsetTop; |
| test2.style.display = '-webkit-flexbox'; |
| |
| document.body.offsetTop; |
| document.body.innerHTML = "PASS"; |
| } |
| |
| window.onload = runTest; |
| </script> |
| </body> |
| </html> |