table-anonymous-objects-008

Auto-imported from Gecko test 156888-2.html

WeasyPrint

This browser

Flags
dom

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3 <head>
 4   <title>CSS Test: Auto-imported from Gecko test 156888-2.html</title>
 5   <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
 6   <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes">
 7   <meta name="flags" content="dom">
 8 
 9     <script type="text/javascript">
10       function toggleRow(rowId)
11       {
12         var r = document.getElementById(rowId);
13         if (r.style.display == "none")
14           r.style.display = "inline";
15         else
16           r.style.display = "none";
17       }
18 
19       function doTest() {
20         toggleRow('row4');
21         document.body.offsetWidth;
22         toggleRow('row4');
23         document.body.offsetWidth;
24         toggleRow('row4');
25         document.body.offsetWidth;
26         toggleRow('row4');
27         document.body.offsetWidth;
28         toggleRow('row4');
29         document.body.offsetWidth;
30         toggleRow('row4');
31         document.body.offsetWidth;
32         toggleRow('row4');
33         document.body.offsetWidth;
34         toggleRow('row4');
35         document.body.offsetWidth;
36         toggleRow('row4');
37       }
38     </script>
39   </head>
40 <body onload="doTest()">
41 <p>There should be no red below, except for antialiasing issues.</p>
42 <div style="position: relative; font-size: 2em;">
43 <div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
44 
45     <table border="5">
46       <tr>
47         <td>Row 1</td>
48       </tr>
49       <tr>
50         <td>Row 2</td>
51       </tr>
52       <tr>
53         <td>Row 3</td>
54       </tr>
55       <tr id="row4" style="display: none">
56         <td>Row 4</td>
57       </tr>
58     </table>
59   </div>
60 <div style="position: relative; z-index: 1; color: red; padding: 1px;">
61 
62     <table border="5">
63       <tr>
64         <td>Row 1</td>
65       </tr>
66       <tr>
67         <td>Row 2</td>
68       </tr>
69       <tr>
70         <td>Row 3</td>
71       </tr>
72       <tr style="display: inline">
73         <td>Row 4</td>
74       </tr>
75     </table>
76   </div>
77 </div>
78 </body>
79 </html>