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

Side by Side Diff: third_party/WebKit/LayoutTests/fragmentation/repeating-thead-no-room-for-content-row-on-first-page.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
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 { 6 thead, tr {
7 background-color: #ddd;
8 border: 1px solid black;
9 }
10 tr {
11 break-inside: avoid; 7 break-inside: avoid;
12 } 8 }
13 </style> 9 </style>
14 <p>crbug.com/99124: Table rows shouldn't straddle page boundaries.</p> 10 <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;"> 11 <div style="-webkit-columns:3; line-height: 20px; column-fill: auto; height:190p x;">
16 <table> 12 <table id="top">
13 <thead id="top-thead">
14 <tr>
15 <th><div style="height: 180px;">Col 1</div></th>
16 </tr>
17 </thead>
17 <tr><td>Te</td><td>xt</td></tr> 18 <tr><td>Te</td><td>xt</td></tr>
18 <tr><td>Te</td><td>xt</td></tr> 19 <tr><td>Te</td><td>xt</td></tr>
19 <tr><td>Te</td><td>xt</td></tr> 20 <tr><td>Te</td><td>xt</td></tr>
20 <tr><td>Te</td><td>xt</td></tr> 21 <tr><td>Te</td><td>xt</td></tr>
21 <tr><td>Te</td><td>xt</td></tr> 22 <tr><td>Te</td><td>xt</td></tr>
22 <tr><td>Te</td><td>xt</td></tr> 23 <tr><td>Te</td><td>xt</td></tr>
23 <tr><td>Te</td><td>xt</td></tr> 24 <tr><td>Te</td><td>xt</td></tr>
24 <tr><td>Te</td><td>xt</td></tr> 25 <tr><td>Te</td><td>xt</td></tr>
25 <tr><td class="td" data-total-y=191>Te</td><td>xt</td></tr> 26 <tr><td class="cell" data-total-y=380>Te</td><td>xt</td></tr>
26 <tr><td>Te</td><td>xt</td></tr> 27 <tr><td>Te</td><td>xt</td></tr>
27 <tr><td>Te</td><td>xt</td></tr> 28 <tr><td>Te</td><td>xt</td></tr>
28 <tr><td>Te</td><td>xt</td></tr> 29 <tr><td>Te</td><td>xt</td></tr>
29 <tr><td>Te</td><td>xt</td></tr> 30 <tr><td>Te</td><td>xt</td></tr>
30 <tr><td>Te</td><td>xt</td></tr> 31 <tr><td>Te</td><td>xt</td></tr>
31 <tr><td>Te</td><td>xt</td></tr> 32 <tr><td>Te</td><td>xt</td></tr>
32 <tr><td>Te</td><td>xt</td></tr> 33 <tr><td>Te</td><td>xt</td></tr>
33 <tr><td class="td" data-total-y=381>Te</td><td>xt</td></tr> 34 <tr><td class="cell" data-total-y=570>Te</td><td>xt</td></tr>
34 <tr><td>Te</td><td>xt</td></tr>
35 <tr><td>Te</td><td>xt</td></tr>
36 <tr><td>Te</td><td>xt</td></tr>
37 <tr><td>Te</td><td>xt</td></tr>
38 <tr><td>Te</td><td>xt</td></tr>
39 <tr><td>Te</td><td>xt</td></tr> 35 <tr><td>Te</td><td>xt</td></tr>
40 </table> 36 </table>
41 </div> 37 </div>
42 <div id="console"></div> 38 <div id="console"></div>
43 <script src="../resources/check-layout.js"></script> 39 <script src="../resources/check-layout.js"></script>
44 <script> 40 <script>
45 checkLayout(".td", document.getElementById("console")); 41 checkLayout(".cell", document.getElementById("console"));
46 </script> 42 </script>
47
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698