scrollbar-large-overflow-rectangle.html

<!DOCTYPE html>
<html>
    <head>
    <title>absolute positioned element with large negative top value inside tall relative positioned box does not render scrollbars</title>
        <style>
            body, p{
              margin:0;
            }
            div{
                position: relative;
                height:3000px;
            }
            span{
                position: absolute;
                top:-3355400000px;
            }
        </style>
        <script>
            if (window.testRunner) {
                testRunner.dumpAsText();
            }
            
            function test() {
              var height = document.scrollingElement.scrollHeight;
              if (height == 3000)
                document.getElementById("result").innerHTML = "PASS";
              else
                document.getElementById("result").innerHTML = "<p style='color:red'>FAIL document.scrollingElement.scrollHeight = " + height +"</p>";
              }
        </script> 
    </head>
    
    <body onload="test()">
    <div>
      <p> This page should be scrollable </p>
      <p id="result"> </p>
      <span style="visibility:hidden">filler <!--abs pos with very large negative top value--></span>
    </div>
   
    </body>
</html>
chromium/third_party/blink/web_tests/scrollbars/scrollbar-large-overflow-rectangle.html
