1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/forms/textarea/padding-scrollbar-placement-ref.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,51 @@
1.4 +<!DOCTYPE html>
1.5 +<html>
1.6 + <head>
1.7 + <meta http-equiv="content-type" content="text/html; charset=UTF-8">
1.8 + <title>Padding and Scrollbar Placement Test Reference</title>
1.9 + <style>input, textarea { border-radius:0; background:none; border:none; }</style>
1.10 + <style type="text/css">
1.11 + #t {
1.12 + display: block;
1.13 + position: absolute;
1.14 + left: 50px;
1.15 + top: 50px;
1.16 + padding: 50px;
1.17 + width: 300px;
1.18 + height: 100px;
1.19 + border: 5px solid red;
1.20 + margin: 10px;
1.21 + overflow: scroll;
1.22 + font-family: verdana;
1.23 + white-space: pre-wrap;
1.24 + z-index: 0; /* force a stacking context */
1.25 + }
1.26 + #cover {
1.27 + position: absolute;
1.28 + left: 400px;
1.29 + top: 50px;
1.30 + width: 100px;
1.31 + height: 300px;
1.32 + background: black;
1.33 + }
1.34 + #cover2 { /* corresponds to the bottom padding inside the textarea */
1.35 + position: absolute;
1.36 + left: 0px;
1.37 + bottom: 0px;
1.38 + width: 100%;
1.39 + height: 50px;
1.40 + background: white;
1.41 + }
1.42 + </style>
1.43 + </head>
1.44 + <body>
1.45 + <script>
1.46 + var ss = [];
1.47 + for (var i = 0; i < 1000; ++i) {
1.48 + ss.push(i);
1.49 + }
1.50 + document.write("<div id='t'><div id=cover2></div>" + ss.join(" ") + "</div>");
1.51 + </script>
1.52 + <div id="cover"></div>
1.53 + </body>
1.54 +</html>
