Chromium Code Reviews| Index: third_party/WebKit/LayoutTests/fragmentation/single-cells-multiple-tables-no-repeating-thead.html |
| diff --git a/third_party/WebKit/LayoutTests/fragmentation/single-cells-multiple-tables-no-repeating-thead.html b/third_party/WebKit/LayoutTests/fragmentation/single-cells-multiple-tables-no-repeating-thead.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..42a119d5d5e114839329d7a1ab93549818f8eeba |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fragmentation/single-cells-multiple-tables-no-repeating-thead.html |
| @@ -0,0 +1,47 @@ |
| +<!DOCTYPE html> |
| +<style> |
| +table { |
| + border-collapse: collapse; |
| +} |
| +tr { |
| + break-inside: avoid; |
| +} |
| +</style> |
| +<p>crbug.com/621258: Don't let repeating headers overlap on pages that contain two tables.</p> |
| +<div style="-webkit-columns:3; line-height: 20px; column-fill: auto; height:190px;"> |
|
mstensho (USE GERRIT)
2016/08/10 09:42:48
Note that the -webkit- prefix is no longer require
|
| + <table id="top"> |
| + <thead id="top-thead"> |
| + <tr> |
| + <th colspan="2"><div>Col 1</div></th> |
| + </tr> |
| + </thead> |
| + <tr><td>Te</td><td>xt</td></tr> |
| + <tr><td>Te</td><td>xt</td></tr> |
| + <tr><td>Te</td><td>xt</td></tr> |
| + <tr><td>Te</td><td>xt</td></tr> |
| + <tr><td>Te</td><td>xt</td></tr> |
| + <tr><td>Te</td><td>xt</td></tr> |
| + <tr><td>Te</td><td>xt</td></tr> |
| + </table> |
| + <table id="second"> |
| + <thead id="top-thead"> |
|
mstensho (USE GERRIT)
2016/08/10 09:42:48
#top-thead already used above. You don't seem to n
|
| + <tr> |
| + <th colspan="2">Col 2</th> |
| + </tr> |
| + </thead> |
| + <tr><td>Te</td><td>xt</td></tr> |
| + <tr><td>Te</td><td>xt</td></tr> |
| + <tr><td>Te</td><td>xt</td></tr> |
| + <tr><td>Te</td><td>xt</td></tr> |
| + <tr><td>Te</td><td>xt</td></tr> |
| + <tr><td>Te</td><td>xt</td></tr> |
| + <tr><td>Te</td><td>xt</td></tr> |
| + <tr><td id="cell" data-total-y=204>Te</td><td>xt</td></tr> |
| + </table> |
| +</div> |
| +<div id="console"></div> |
| +<script src="../resources/check-layout.js"></script> |
| +<script> |
| +checkLayout("#cell", document.getElementById("console")); |
| +</script> |
| + |