| <!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:-33551000px; |
| } |
| </style> |
| <script> |
| if (window.testRunner) { |
| testRunner.dumpAsText(); |
| } |
| |
| function test() { |
| var height = document.body.scrollHeight; |
| if (height == 3000) |
| document.getElementById("result").innerHTML = "PASS"; |
| else |
| document.getElementById("result").innerHTML = "<p style='color:red'>FAIL document.body.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> |
