| Index: third_party/WebKit/LayoutTests/paint/invalidation/single-line-cells-repeating-thead-break-inside-on-thead-only.html
|
| diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/single-line-cells-repeating-thead-break-inside-on-thead-only.html b/third_party/WebKit/LayoutTests/paint/invalidation/single-line-cells-repeating-thead-break-inside-on-thead-only.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..7f43990f451a85dcacb973bb9fb83d0cfbcd6623
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/paint/invalidation/single-line-cells-repeating-thead-break-inside-on-thead-only.html
|
| @@ -0,0 +1,57 @@
|
| +<!DOCTYPE html>
|
| +<script src="resources/text-based-repaint.js"></script>
|
| +<style>
|
| +table {
|
| + border-collapse: collapse;
|
| +}
|
| +td, th {
|
| + background-color: #ddd;
|
| + border: 1px solid black;
|
| +}
|
| +thead {
|
| + break-inside: avoid;
|
| +}
|
| +</style>
|
| +<p>crbug.com/24826: A table header group repeats on each page and forces a strut on the rows to achieve it, even when the rows themselves do not force a strut with break-inside:avoid.</p>
|
| +<div style="-webkit-columns:3; line-height: 20px; column-fill: auto; height:190px; background-color: yellow;">
|
| + <table>
|
| + <thead>
|
| + <tr>
|
| + <th id="target">Col 1</th>
|
| + <th>Col 2</th>
|
| + </tr>
|
| + </thead>
|
| + <tbody>
|
| + <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>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>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>Te</td><td>xt</td></tr>
|
| + <tr><td>Te</td><td>xt</td></tr>
|
| + </tbody>
|
| + </table>
|
| +</div>
|
| +<script>
|
| +onload = runRepaintAndPixelTest;
|
| +function repaintTest()
|
| +{
|
| + target.style.color = 'red';
|
| +}
|
| +</script>
|
|
|