Chromium Code Reviews Chromium Code Reviews
Issue 1602773005:
Respect break-inside:avoid on table rows (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/fast/multicol/multi-line-cells.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/multicol/multi-line-cells.html b/third_party/WebKit/LayoutTests/fast/multicol/multi-line-cells.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..eb989d2c8910682681eb284cfc6056c9d57c306c |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/multicol/multi-line-cells.html |
| @@ -0,0 +1,37 @@ |
| +<!DOCTYPE html> |
| +<style> |
| +table { |
| + border-collapse: collapse; |
| +} |
| +td { |
| + background-color: #ddd; |
| + border: 1px solid black; |
| +} |
| +tr { |
| + break-inside: avoid; |
| +} |
| +</style> |
| +<p>crbug.com/99124: Table rows shouldn't straddle page boundaries.</p> |
|
mstensho (USE GERRIT)
2016/04/04 21:05:38
A pass condition would be nice.
|
| +<div style="-webkit-columns:3; line-height: 20px; column-fill: auto; height:210px; background-color: yellow;"> |
| +<table> |
|
mstensho (USE GERRIT)
2016/04/04 21:05:38
Missing indentation.
|
| + <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text</td></tr> |
|
mstensho (USE GERRIT)
2016/04/04 21:05:38
Might consider using one single word per line, to
|
| + <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text</td></tr> |
| + <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text</td></tr> |
| + <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text</td></tr> |
| + <tr><td class="td" data-total-y=211>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text</td></tr> |
| + <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text</td></tr> |
| + <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text</td></tr> |
| + <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text</td></tr> |
| + <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text</td></tr> |
| + <tr><td class="td" data-total-y=464>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text</td></tr> |
| + <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text</td></tr> |
| + <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text</td></tr> |
| +</table> |
| +</div> |
| +<div id="console"></div> |
| +<script src="../../resources/check-layout.js"></script> |
| +<script> |
| + checkLayout(".td", document.getElementById("console")); |
| +</script> |
| + |
| + |
