layout/reftests/bugs/966992-1.html@a63d609f5ebe
layout/reftests/bugs/966992-1.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 class="reftest-wait"><head>
3 <meta charset="utf-8">
4 <title>Testcases for overflow-clip-box:content-box</title>
5 <style type="text/css">
6 font-face {
7 font-family: DejaVuSansMono;
8 src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
9 }
11 html,body {
12 color:black; background-color:white; font:16px DejaVuSansMono!important; padding:0; margin:7px;
13 }
15 input {
16 width: 100px; padding:50px; -moz-appearance:none; overflow-clip-box:content-box;
17 border: 3px solid black;
18 }
19 textarea {
20 width: 160px; height:110px; padding:40px; overflow:scroll; -moz-appearance:none; overflow-clip-box:content-box;
21 border: 3px solid black;font:14px DejaVuSansMono!important;
22 }
24 p {
25 position:absolute;
26 margin:0;
27 width:70%;
28 height: 1px;
29 background:magenta;
30 }
31 .rel p { width:200%; }
32 .block {
33 border:1px solid grey; height:50px; width:200px; padding:20px;
34 overflow:auto; overflow-clip-box:content-box;
35 }
36 .rel { position:relative; }
37 .button { width:0px; padding:0 50px; overflow:hidden; }
38 .pb { overflow-clip-box:padding-box; }
39 .cb { overflow-clip-box:content-box; }
40 </style>
41 <script>
42 function runTest() {
43 // the timeout is for avoiding differences in scrollbar fading
44 document.documentElement.removeAttribute("class");
45 }
46 </script>
47 </head>
48 <body onload="setTimeout(runTest,5000)">
50 <div class="rel block">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX<p></p></div>
51 <div style="float:right">
53 <div class="block" style="-moz-box-sizing:border-box;height:90px">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div>
54 </div>
56 <div class="rel block">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX<p></p></div>
57 <div id="d1" class="rel block">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX<p></p></div>
58 <script>
59 document.getElementById("d1").scrollLeft = "100000";
60 </script>
61 <div class="block">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX<p></p></div>
63 <input spellcheck=false type="text" placeholder="someveryveryveryveryverylongvalue">
64 <input spellcheck=false type="text" value="someveryveryveryveryverylongvalue"><br>
65 <input spellcheck=false type="password" value="someveryveryveryveryverylongpassword">
66 <input spellcheck=false type="email" value="someveryveryveryveryverylongvalue">
67 <input spellcheck=false type="blah" value="someveryveryveryveryverylongvalue"><br>
68 <input spellcheck=false type="button" value="button" class="button" style="overflow-clip-box:initial">
69 <input spellcheck=false type="button" value="button" class="button pb">
70 <input spellcheck=false type="reset" class="button pb">
71 <input spellcheck=false type="submit" class="button pb"><br>
72 <input spellcheck=false type="button" value="button" class="button cb">
73 <input spellcheck=false type="reset" class="button cb">
74 <input spellcheck=false type="submit" class="button cb"><br>
76 </body>
77 </html>
