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

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

Issue 2219153002: Offset repeating theads correctly when two tables adjoin at a page border (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: bug 634404 Created 4 years, 4 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
(Empty)
1 <!DOCTYPE html>
2 <style>
3 table {
4 border-collapse: collapse;
5 }
6 tr {
7 break-inside: avoid;
8 }
9 </style>
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;">
mstensho (USE GERRIT) 2016/08/10 09:42:48 Note that the -webkit- prefix is no longer require
12 <table id="top">
13 <thead id="top-thead">
14 <tr>
15 <th colspan="2"><div>Col 1</div></th>
16 </tr>
17 </thead>
18 <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>
21 <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>
24 <tr><td>Te</td><td>xt</td></tr>
25 </table>
26 <table id="second">
27 <thead id="top-thead">
mstensho (USE GERRIT) 2016/08/10 09:42:48 #top-thead already used above. You don't seem to n
28 <tr>
29 <th colspan="2">Col 2</th>
30 </tr>
31 </thead>
32 <tr><td>Te</td><td>xt</td></tr>
33 <tr><td>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 id="cell" data-total-y=204>Te</td><td>xt</td></tr>
40 </table>
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>
47
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698