<!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>