layout/reftests/bugs/372063-1.html@141e0f1194b1
layout/reftests/bugs/372063-1.html
Wed, 31 Dec 2014 07:16:47 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 07:16:47 +0100
- branch
- TOR_BUG_9701
- changeset 3
- 141e0f1194b1
- permissions
- -rw-r--r--
Revert simplistic fix pending revisit of Mozilla integration attempt.
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html><head>
3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
4 <title>Testcase for bug 372063</title>
5 <style type="text/css">
7 html,body {
8 color:black; background-color: white; font-size:16px; padding:0; margin:0;
9 }
11 div {color:white; font-size: xx-large; top: 0; left: 0; position: absolute; width: 100px; height:100px;}
12 .pass { background:green; }
13 .fail { background: red; }
15 .test1 { top:0; }
16 .test2 { top:150px; }
17 .test3 { top:300px; }
18 .test4 { top:450px; }
19 .test4b{ left:-100px;}
20 .test4b div { top:100px; left:100px;}
21 .test4c{ left:-100px;}
22 .test4c div div { top:100px; left:100px;}
23 .test5 { top:600px; }
24 .test6 { top:750px; }
25 .test5b , .test6b{ left:-100px; }
26 .test5b div , .test6b div { left:100px;}
27 .test5c , .test6c { left:-100px;}
28 .test5c div div , .test6c div div { left:100px;}
30 #test_inherit { left: 400px; height:auto; bottom:0; }
31 .inherit { clip:inherit; }
32 </style>
33 </head>
34 <body>
36 <div class="test1">
37 <div class="fail">FAIL</div>
38 <div style="clip:rect(auto auto auto auto);">
39 <div class="pass">PASS</div>
40 </div>
41 </div>
43 <div class="test2">
44 <div class="pass">PASS</div>
45 <div style="clip:rect(0 0 0 0);">
46 <div class="fail">FAIL</div>
47 </div>
48 </div>
50 <div class="test3">
51 <div class="fail">FAIL</div>
52 <div style="clip:rect(0,200px,200px,0);">
53 <div class="pass">PASS</div>
54 </div>
55 </div>
57 <div class="test4">
58 <div class="pass">PASS</div>
59 <div class="test4b" style="clip:rect(auto auto auto auto);">
60 <div class="fail">FAIL</div>
61 </div>
62 </div>
64 <div class="test5">
65 <div class="fail">FAIL</div>
66 <div class="test5b" style="clip:auto;">
67 <div class="pass">PASS</div>
68 </div>
69 </div>
71 <div class="test6">
72 <div class="fail">FAIL</div>
73 <div class="test6b" style="">
74 <div class="pass">PASS</div>
75 </div>
76 </div>
78 <!-- same as above but with intermediary div with clip:inherit -->
79 <div id="test_inherit">
80 <div class="test1">
81 <div class="fail">FAIL</div>
82 <div style="clip:rect(auto auto auto auto);">
83 <div class="inherit">
84 <div class="pass">PASS</div>
85 </div>
86 </div>
87 </div>
89 <div class="test2">
90 <div class="inherit">
91 <div class="pass">PASS</div>
92 </div>
93 <div style="clip:rect(0 0 0 0);">
94 <div class="inherit">
95 <div class="fail">FAIL</div>
96 </div>
97 </div>
98 </div>
100 <div class="test3">
101 <div class="inherit">
102 <div class="fail">FAIL</div>
103 </div>
104 <div style="clip:rect(0,200px,200px,0);">
105 <div class="inherit">
106 <div class="pass">PASS</div>
107 </div>
108 </div>
109 </div>
111 <div class="test4">
112 <div class="inherit">
113 <div class="pass">PASS</div>
114 </div>
115 <div class="test4c" style="clip:rect(auto auto auto auto);">
116 <div class="inherit">
117 <div class="fail">FAIL</div>
118 </div>
119 </div>
120 </div>
122 <div class="test5">
123 <div class="inherit">
124 <div class="fail">FAIL</div>
125 </div>
126 <div class="test5c" style="clip:auto;">
127 <div class="inherit">
128 <div class="pass">PASS</div>
129 </div>
130 </div>
131 </div>
133 <div class="test6">
134 <div class="inherit">
135 <div class="fail">FAIL</div>
136 </div>
137 <div class="test6c" style="">
138 <div class="inherit">
139 <div class="pass">PASS</div>
140 </div>
141 </div>
142 </div>
144 </div>
146 </body>
147 </html>
