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> |
+ |