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

Side by Side Diff: third_party/WebKit/LayoutTests/fragmentation/repeating-thead-multiple-tables.html

Issue 2368093002: Handle repeated headers when more than one table in paged context (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, th {
7 background-color: #ddd;
8 border: 1px solid black;
9 }
10 thead, tr { 6 thead, tr {
11 break-inside: avoid; 7 break-inside: avoid;
12 } 8 }
13 </style> 9 </style>
14 <p>crbug.com/24826: A table header group repeats on each page, even when the fir st one starts in the middle of the first page.</p> 10 <p>crbug.com/621258: Don't let repeating headers overlap on pages that contain t wo tables.</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 <br> 12 <table id="top">
17 <br> 13 <thead id="top-thead">
18 <br>
19 <table>
20 <thead>
21 <tr> 14 <tr>
22 <th>Col 1</th> 15 <th colspan="2"><div>Col 1</div></th>
23 <th>Col 2</th>
24 </tr> 16 </tr>
25 </thead> 17 </thead>
26 <tbody>
27 <tr><td>Te</td><td>xt</td></tr> 18 <tr><td>Te</td><td>xt</td></tr>
28 <tr><td>Te</td><td>xt</td></tr> 19 <tr><td>Te</td><td>xt</td></tr>
29 <tr><td>Te</td><td>xt</td></tr> 20 <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> 21 <tr><td>Te</td><td>xt</td></tr>
32 <tr><td>Te</td><td>xt</td></tr> 22 <tr><td>Te</td><td>xt</td></tr>
33 <tr><td>Te</td><td>xt</td></tr> 23 <tr><td>Te</td><td>xt</td></tr>
34 <tr><td>Te</td><td>xt</td></tr> 24 <tr><td>Te</td><td>xt</td></tr>
35 <tr><td>Te</td><td>xt</td></tr> 25 <tr><td>Te</td><td>xt</td></tr>
36 <tr><td>Te</td><td>xt</td></tr> 26 <tr><td>Te</td><td>xt</td></tr>
27 </table>
28 <br>
29 <br>
30 <table id="second">
31 <thead id="top-thead">
32 <tr>
33 <th colspan="2"><div>Col 2</div></th>
34 </tr>
35 </thead>
37 <tr><td>Te</td><td>xt</td></tr> 36 <tr><td>Te</td><td>xt</td></tr>
38 <tr><td>Te</td><td>xt</td></tr> 37 <tr><td>Te</td><td>xt</td></tr>
39 <tr><td>Te</td><td>xt</td></tr> 38 <tr><td>Te</td><td>xt</td></tr>
40 <tr><td>Te</td><td>xt</td></tr> 39 <tr><td>Te</td><td>xt</td></tr>
41 <tr><td>Te</td><td>xt</td></tr> 40 <tr><td>Te</td><td>xt</td></tr>
42 <tr><td>Te</td><td>xt</td></tr> 41 <tr><td>Te</td><td>xt</td></tr>
43 <tr><td>Te</td><td>xt</td></tr> 42 <tr><td>Te</td><td>xt</td></tr>
44 <tr><td>Te</td><td>xt</td></tr> 43 <tr><td>Te</td><td>xt</td></tr>
45 <tr><td>Te</td><td>xt</td></tr> 44 <tr><td>Te</td><td>xt</td></tr>
46 <tr><td>Te</td><td>xt</td></tr> 45 <tr><td>Te</td><td>xt</td></tr>
47 <tr><td>Te</td><td>xt</td></tr> 46 <tr><td>Te</td><td>xt</td></tr>
48 <tr><td>Te</td><td>xt</td></tr> 47 <tr><td>Te</td><td>xt</td></tr>
49 <tr><td>Te</td><td>xt</td></tr> 48 <tr><td>Te</td><td>xt</td></tr>
50 </tbody>
51 </table> 49 </table>
52 </div> 50 </div>
53 51
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698