Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / table / table-rowspan-wrong-height-with-only-spanning-cells.html
blob3bdeebc74ced7831f0950ceb859bb0bf83ba61eb
1 <style>
2 table { border-collapse: collapse; }
3 td { border: 1px solid #000000; }
4 </style>
5 <script src="../../resources/check-layout.js"></script>
6 <body onload="checkLayout('tr')">
7 <h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issues/detail?id=396655">396655</a>. Tables with specific merge cell configuration render with extra height to tr elements.</h4>
8 <p>We have the below table. Because cell A and cell D overlap in the second row, the height of the second row is the 1px difference between A and B and the 1px difference between C and D.</p>
9 <pre>+-----+-----+</pre>
10 <pre>| | B |</pre>
11 <pre>| A +-----+</pre>
12 <pre>| | |</pre>
13 <pre>+-----+ D |</pre>
14 <pre>| C | |</pre>
15 <pre>+-----+-----+</pre>
16 <table style="width: 624px;">
17 <tbody>
18 <tr data-expected-height="32">
19 <td rowspan="2" style="height: 33px;"></td>
20 <td style="height: 32px;"></td>
21 </tr>
22 <tr data-expected-height="1">
23 <td rowspan="2" style="height: 33px;"></td>
24 </tr>
25 <tr data-expected-height="32">
26 <td style="height: 32px;"></td>
27 </tr>
28 </tbody>
29 </table>
30 </body>