layout/reftests/forms/textarea/padding-scrollbar-placement.html

branch
TOR_BUG_3246
changeset 5
4ab42b5ab56c
equal deleted inserted replaced
-1:000000000000 0:b3b11ec945ff
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</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 resize: none;
21 color: black;
22 z-index: 0; /* force a stacking context */
23 }
24 #cover {
25 position: absolute;
26 left: 400px;
27 top: 50px;
28 width: 100px;
29 height: 300px;
30 background: black;
31 }
32 </style>
33 </head>
34 <body>
35 <script>
36 var ss = [];
37 for (var i = 0; i < 1000; ++i) {
38 ss.push(i);
39 }
40 document.write("<textarea id='t'>" + ss.join(" ") + "</textarea>");
41 </script>
42 <div id="cover"></div>
43 </body>
44 </html>

mercurial