123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- <!DOCTYPE html>
- <script src="../resources/text-based-repaint.js"></script>
- <style>
- table {
- border-collapse: collapse;
- }
- td, th {
- background-color: #ddd;
- border: 1px solid black;
- }
- thead {
- break-inside: avoid;
- }
- </style>
- <p>crbug.com/24826: A table header group repeats on each page and forces a strut on the rows to achieve it, even when the rows themselves do not force a strut with break-inside:avoid.</p>
- <div style="-webkit-columns:3; line-height: 20px; column-fill: auto; height:190px; background-color: yellow;">
- <table>
- <thead>
- <tr>
- <th id="target">Col 1</th>
- <th>Col 2</th>
- </tr>
- </thead>
- <tbody>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- <tr><td>Te</td><td>xt</td></tr>
- </tbody>
- </table>
- </div>
- <script>
- onload = runRepaintAndPixelTest;
- function repaintTest()
- {
- target.style.color = 'red';
- }
- </script>
|