Index: third_party/WebKit/LayoutTests/fragmentation/table-disable-fragmentation.html |
diff --git a/third_party/WebKit/LayoutTests/fragmentation/table-disable-fragmentation.html b/third_party/WebKit/LayoutTests/fragmentation/table-disable-fragmentation.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..606ddce8bbcc9ec048a6aef641052ba9d2c962ce |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fragmentation/table-disable-fragmentation.html |
@@ -0,0 +1,39 @@ |
+<!DOCTYPE html> |
+<style> |
+ thead, tr { break-inside:avoid; } |
+</style> |
+<p>There should be hotpink, lime, cyan, yellow and blue squares below, stacked vertically.</p> |
+<div id="container" style="columns:5; column-fill:auto; height:85px; line-height:40px;"> |
+ <table cellspacing="0" cellpadding="0"> |
+ <col style="width:40px;"> |
+ <thead> |
+ <tr> |
+ <td><br></td> |
+ </tr> |
+ </thead> |
+ <tbody> |
+ <tr style="background:hotpink;" data-offset-y="40" data-expected-height="40"> |
+ <td><br></td> |
+ </tr> |
+ <tr style="background:lime;" data-offset-y="80" data-expected-height="40"> |
+ <td><br></td> |
+ </tr> |
+ <tr style="background:cyan;" data-offset-y="120" data-expected-height="40"> |
+ <td><br></td> |
+ </tr> |
+ <tr style="background:yellow;" data-offset-y="160" data-expected-height="40"> |
+ <td><br></td> |
+ </tr> |
+ <tr style="background:blue;" data-offset-y="200" data-expected-height="40"> |
+ <td><br></td> |
+ </tr> |
+ </tbody> |
+ </table> |
+</div> |
+<script src="../resources/check-layout.js"></script> |
+<script> |
+ document.body.offsetTop; |
+ document.getElementById("container").style.columns = "auto"; |
+ document.getElementById("container").style.height = "auto"; |
+ checkLayout("#container"); |
+</script> |