summaryrefslogtreecommitdiffstats
path: root/layout/reftests/table-anonymous-boxes/162063-1.xhtml
blob: 387ad4e6ec330a578d6add54f5a411c667d3ac6c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
<head>
<script type="text/javascript">
/* <![CDATA[ */
function boom()
{
  var numTest = 16;
  for (i = 1; i<= numTest; i++) {
    var target = "target" + i; 
    var q = document.getElementById(target);
    remove(q);
  }
   document.documentElement.className = "";

}

function remove(n)
{
  n.parentNode.removeChild(n);
}

window.addEventListener("MozReftestInvalidate", boom);
/* ]]> */
</script>
<title> test for pseudo removal</title>
</head>

<body>
 <div style="display:table; border-spacing:10px; background-color:red">
 <div id="target1">target</div>
 </div>
 
 <div style="display:table; border-spacing:10px; background-color:blue">
 <div id="target2" style="float:left">target</div>
 </div>
 
 <div style="display:table; border-spacing:10px; background-color:green">
 <div id="target3" style="float:right">target</div>
 </div>
 
 <div style="display:table; border-spacing:10px; background-color:pink">
 <div id="target4" style="position:absolute">target</div>
 </div>

 <div style="display:table; border-spacing:10px; background-color:magenta">
 <div id="target5" style="position:relative">target</div>
 </div> 
 
 <div style="display:table; border-spacing:10px; background-color:orange">
 <div id="target6" style="position:fixed">target</div>
 </div>
 
 <div style="display:table; border-spacing:10px; background-color:yellow">
 <div style="display:table-row;">
 <div id="target7" style="display:table">target</div>
 </div> 
 </div>
 
  <div style="display:table; border-spacing:10px; background-color:silver">
 <div style="display:table-row;">
 <div id="target8" style="display:table-caption">target</div>
 </div> 
 </div>
 
 <div style="display:table; border-spacing:10px; background-color:navy">
 <div id="target9" style="display:-moz-column">target</div>
 </div>
 
 <div style="display:table; border-spacing:10px; background-color:teal">
 <div id="target10">target</div>
 </div>
 
 <div style="display:table; border-spacing:10px; background-color:SkyBlue ">
  <svg xmlns="http://www.w3.org/2000/svg" width="300" height="200" id="target11">
      <circle cx="150" cy="100" r="50" />
    </svg>
</div>

 
 <div style="display:table; border-spacing:10px; background-color:Peru">
  <div style="display:table-row;">
  <div id="target12" style="display:table-row-group; overflow:scroll">target</div>
  </div>
</div>
 
 <div style="display:table; border-spacing:10px; background-color:Tomato">
  <div style="display:table-row;">
  <input type="button" value="OK" id="target13"></input>
  </div>
</div>
 
 <div style="display:table; border-spacing:10px; background-color:DarkSeaGreen ">
  <div style="display:table-row;">
   <div id="target14" style="display:table-column;"/>
  </div>
</div>

<div style="display:table; border-spacing:10px; background-color:MistyRose">
  <div style="display:table-row;">
   <div id="target15" style="display:table-column-group;"/>
  </div>
</div>

<div style="display:table; border-spacing:10px; background-color:Indigo">
 <div id="target16" style="display:-moz-box">target</div>
 </div>
</body>
</html>