Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(185)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fragmentation/repeating-thead-exceeds-page-size.html

Issue 2367243002: Don't repeat header groups when one row of content doesn't fit on the first page (Closed)
Patch Set: Created 4 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fragmentation/repeating-thead-exceeds-page-size-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <style> 2 <style>
3 table { 3 table {
4 border-collapse: collapse; 4 border-collapse: collapse;
5 } 5 }
6 td, th { 6 td, th {
7 background-color: #ddd;
8 border: 1px solid black;
9 } 7 }
10 thead, tr { 8 thead, tr {
11 break-inside: avoid; 9 break-inside: avoid;
12 } 10 }
13 </style> 11 </style>
14 <p>crbug.com/24826: A table header group repeats on each page.</p> 12 <p>crbug.com/621258: Drop the repeated header if there isn't room for at least o ne content row on the page.</p>
15 <div style="-webkit-columns:3; line-height: 20px; column-fill: auto; height:190p x; background-color: yellow;"> 13 <div style="-webkit-columns:3; line-height: 20px; column-fill: auto; height:190p x;">
16 <table> 14 <table id="top">
17 <thead> 15 <thead id="top-thead">
18 <tr> 16 <tr>
19 <th>Col 1</th> 17 <th><div style="height: 195px;">Col 1</div></th>
20 <th>Col 2</th>
21 </tr> 18 </tr>
22 </thead> 19 </thead>
23 <tbody>
24 <tr><td>Te</td><td>xt</td></tr> 20 <tr><td>Te</td><td>xt</td></tr>
25 <tr><td>Te</td><td>xt</td></tr> 21 <tr><td>Te</td><td>xt</td></tr>
26 <tr><td>Te</td><td>xt</td></tr> 22 <tr><td>Te</td><td>xt</td></tr>
27 <tr><td>Te</td><td>xt</td></tr> 23 <tr><td>Te</td><td>xt</td></tr>
28 <tr><td>Te</td><td>xt</td></tr> 24 <tr><td>Te</td><td>xt</td></tr>
29 <tr><td>Te</td><td>xt</td></tr> 25 <tr><td>Te</td><td>xt</td></tr>
30 <tr><td>Te</td><td>xt</td></tr> 26 <tr><td>Te</td><td>xt</td></tr>
31 <tr><td>Te</td><td>xt</td></tr> 27 <tr><td>Te</td><td>xt</td></tr>
28 <tr><td class="cell" data-total-y=380>Te</td><td>xt</td></tr>
32 <tr><td>Te</td><td>xt</td></tr> 29 <tr><td>Te</td><td>xt</td></tr>
33 <tr><td>Te</td><td>xt</td></tr> 30 <tr><td>Te</td><td>xt</td></tr>
34 <tr><td>Te</td><td>xt</td></tr> 31 <tr><td>Te</td><td>xt</td></tr>
35 <tr><td>Te</td><td>xt</td></tr> 32 <tr><td>Te</td><td>xt</td></tr>
36 <tr><td>Te</td><td>xt</td></tr> 33 <tr><td>Te</td><td>xt</td></tr>
37 <tr><td>Te</td><td>xt</td></tr> 34 <tr><td>Te</td><td>xt</td></tr>
38 <tr><td>Te</td><td>xt</td></tr> 35 <tr><td>Te</td><td>xt</td></tr>
36 <tr><td class="cell" data-total-y=570>Te</td><td>xt</td></tr>
39 <tr><td>Te</td><td>xt</td></tr> 37 <tr><td>Te</td><td>xt</td></tr>
40 <tr><td>Te</td><td>xt</td></tr>
41 <tr><td>Te</td><td>xt</td></tr>
42 <tr><td>Te</td><td>xt</td></tr>
43 <tr><td>Te</td><td>xt</td></tr>
44 <tr><td>Te</td><td>xt</td></tr>
45 <tr><td>Te</td><td>xt</td></tr>
46 <tr><td>Te</td><td>xt</td></tr>
47 </tbody>
48 </table> 38 </table>
49 </div> 39 </div>
40 <div id="console"></div>
41 <script src="../resources/check-layout.js"></script>
42 <script>
43 checkLayout(".cell", document.getElementById("console"));
44 </script>
50 45
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fragmentation/repeating-thead-exceeds-page-size-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698