1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/bugs/933264-1-ref.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,71 @@
1.4 +<!DOCTYPE html>
1.5 +<html class="reftest-wait">
1.6 + <head>
1.7 + <title>The Grid in an overflowing div</title>
1.8 + <style type="text/css">
1.9 + html {
1.10 + padding: 0;
1.11 + border: 0;
1.12 + margin: 0;
1.13 + }
1.14 + body {
1.15 + padding: 0;
1.16 + border: 0;
1.17 + margin: 0;
1.18 + }
1.19 + table {
1.20 + padding: 0;
1.21 + margin: 0;
1.22 + border-top: none;
1.23 + border-left: none;
1.24 + border-right: 1px solid black;
1.25 + border-bottom: 1px solid black;
1.26 + }
1.27 + tr {
1.28 + padding: 0;
1.29 + border: 0;
1.30 + margin: 0;
1.31 + }
1.32 + td {
1.33 + /* top border counts as part of height, but
1.34 + left border doesn't count as part of width.
1.35 + go figure.
1.36 + */
1.37 + min-height: 99px;
1.38 + height: 99px;
1.39 + max-height: 99px;
1.40 + min-width: 99px;
1.41 + width: 99px;
1.42 + max-width: 99px;
1.43 + padding: 0;
1.44 + border-left: 1px solid black;
1.45 + border-top: 1px solid black;
1.46 + border-right: none;
1.47 + border-bottom: none;
1.48 + margin: 0;
1.49 + font-size: 12px;
1.50 + text-align: left;
1.51 + vertical-align: top;
1.52 + font-family: monospace;
1.53 + }
1.54 + </style>
1.55 + <script type="text/javascript">
1.56 + var val = 900;
1.57 + function scroll() {
1.58 + var div = document.getElementById('nest');
1.59 + div.scrollLeft = val;
1.60 + div.scrollTop = val;
1.61 + document.documentElement.removeAttribute('class');
1.62 + }
1.63 +
1.64 + window.onload = scroll;
1.65 + </script>
1.66 + </head>
1.67 + <body>
1.68 + <div style="color: red">this text is above the scrolling div. the div below is 300x400</div>
1.69 + <div id="nest" style="overflow: scroll; height: 400px; width: 300px; border: solid 1px black">
1.70 + <div style="background: blue; width: 5000px; height: 5000px;"></div>
1.71 + </div>
1.72 + <div style="color: red">this text is below the scrolling div</div>
1.73 + </body>
1.74 +</html>
