layout/reftests/forms/textarea/padding-scrollbar-placement-ref.html@a63d609f5ebe
layout/reftests/forms/textarea/padding-scrollbar-placement-ref.html
Thu, 15 Jan 2015 15:55:04 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 15 Jan 2015 15:55:04 +0100
- branch
- TOR_BUG_9701
- changeset 9
- a63d609f5ebe
- permissions
- -rw-r--r--
Back out 97036ab72558 which inappropriately compared turds to third parties.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
5 <title>Padding and Scrollbar Placement Test Reference</title>
6 <style>input, textarea { border-radius:0; background:none; border:none; }</style>
7 <style type="text/css">
8 #t {
9 display: block;
10 position: absolute;
11 left: 50px;
12 top: 50px;
13 padding: 50px;
14 width: 300px;
15 height: 100px;
16 border: 5px solid red;
17 margin: 10px;
18 overflow: scroll;
19 font-family: verdana;
20 white-space: pre-wrap;
21 z-index: 0; /* force a stacking context */
22 }
23 #cover {
24 position: absolute;
25 left: 400px;
26 top: 50px;
27 width: 100px;
28 height: 300px;
29 background: black;
30 }
31 #cover2 { /* corresponds to the bottom padding inside the textarea */
32 position: absolute;
33 left: 0px;
34 bottom: 0px;
35 width: 100%;
36 height: 50px;
37 background: white;
38 }
39 </style>
40 </head>
41 <body>
42 <script>
43 var ss = [];
44 for (var i = 0; i < 1000; ++i) {
45 ss.push(i);
46 }
47 document.write("<div id='t'><div id=cover2></div>" + ss.join(" ") + "</div>");
48 </script>
49 <div id="cover"></div>
50 </body>
51 </html>
