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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2363313002: Offset repeating theads correctly when two tables adjoin at a page border (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 | « third_party/WebKit/LayoutTests/fragmentation/repeating-thead-multiple-tables-page-border-expected.html ('k') | third_party/WebKit/LayoutTests/fragmentation/single-cells-multiple-tables-no-repeating-thead-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 thead, tr { 6 tr {
7 break-inside: avoid; 7 break-inside: avoid;
8 } 8 }
9 </style> 9 </style>
10 <p>crbug.com/621258: Don't let repeating headers overlap on pages that contain t wo tables.</p> 10 <p>crbug.com/621258: Don't let repeating headers overlap on pages that contain t wo tables.</p>
11 <div style="-webkit-columns:3; line-height: 20px; column-fill: auto; height:190p x;"> 11 <div style="-webkit-columns:3; line-height: 20px; column-fill: auto; height:190p x;">
12 <table id="top"> 12 <table>
13 <thead id="top-thead"> 13 <thead>
14 <tr> 14 <tr>
15 <th colspan="2"><div>Col 1</div></th> 15 <th colspan="2"><div>Col 1</div></th>
16 </tr> 16 </tr>
17 </thead> 17 </thead>
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>
26 <tr><td>Te</td><td>xt</td></tr>
27 </table> 25 </table>
28 <br> 26 <table>
29 <br> 27 <thead>
30 <table id="second">
31 <thead id="top-thead">
32 <tr> 28 <tr>
33 <th colspan="2"><div>Col 2</div></th> 29 <th colspan="2">Col 2</th>
34 </tr> 30 </tr>
35 </thead> 31 </thead>
36 <tr><td>Te</td><td>xt</td></tr> 32 <tr><td>Te</td><td>xt</td></tr>
37 <tr><td>Te</td><td>xt</td></tr> 33 <tr><td>Te</td><td>xt</td></tr>
38 <tr><td>Te</td><td>xt</td></tr> 34 <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 <tr><td>Te</td><td>xt</td></tr> 36 <tr><td>Te</td><td>xt</td></tr>
41 <tr><td>Te</td><td>xt</td></tr> 37 <tr><td>Te</td><td>xt</td></tr>
42 <tr><td>Te</td><td>xt</td></tr> 38 <tr><td>Te</td><td>xt</td></tr>
43 <tr><td>Te</td><td>xt</td></tr> 39 <tr><td id="cell" data-total-y=204>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 <tr><td>Te</td><td>xt</td></tr>
48 <tr><td>Te</td><td>xt</td></tr>
49 </table> 40 </table>
50 </div> 41 </div>
42 <div id="console"></div>
43 <script src="../resources/check-layout.js"></script>
44 <script>
45 checkLayout("#cell", document.getElementById("console"));
46 </script>
51 47
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fragmentation/repeating-thead-multiple-tables-page-border-expected.html ('k') | third_party/WebKit/LayoutTests/fragmentation/single-cells-multiple-tables-no-repeating-thead-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698