<!doctype html>
<html>
    <!--
    The content from a flow is displayed into a region. The content fills up the region and the remaining content is not displayed.
    This test shows that the content in the region cannot be scrolled. On success, you should see a green box followed by 'PASS'.
    -->
    <head>
        <style>
            .box {
                width: 100px;
                height: 100px;
            }

            #flow {
                -webkit-flow-into: article;
            }

            #region {
                -webkit-flow-from: article;
                overflow: hidden;
            }

            #greenBox {
                background-color: green;
            }

            #redBox {
                background-color: red;
            }
        </style>
        <script>
            if (window.testRunner)
                testRunner.dumpAsText();

            function test()
            {
                document.getElementById('redBox').scrollIntoView(false);
                var element = document.elementFromPoint(50, 50);

                // Check whether the red box was moved upwards.
                if (element == document.getElementById('redBox'))
                    document.getElementById('result').innerText = "FAIL";
            }
        </script>
    </head>
    <body onload="test()">
        <div id="flow">
            <div id="greenBox" class="box"></div>
            <div id="redBox" class="box"></div>
        </div>
        <div id="region" class="box"></div>
        <div id="result">PASS</div>
    </body>
</html>