Thu, 15 Jan 2015 15:55:04 +0100
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</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>