break-inside: avoid doesn't work on a nested table section |
||||
Issue description
<!DOCTYPE html>
<style>
thead {
break-inside: avoid;
}
</style>
<p> crbug.com/720620 : Break-inside avoid content doesn't overlap with repeating headers.</p>
<div style="columns:2; line-height:20px; column-fill:auto; height:100px; orphans:1; widows:1; background:yellow;">
<table cellspacing="0" cellpadding="0" style="background:pink;">
<thead>
<tr>
<th>repeated header</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div>
line1<br>
line2<br>
line3<br>
<table>
<tbody style="break-inside:avoid;">
line4<br>
line5<br>
line6<br>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
,
May 27 2017
I expected the nested tbody to avoid straddling the page-break.
,
May 29 2017
Indeed. If you wrap it inside a TR child and specify break-inside:avoid on that one instead, it works as expected, though. Something with pagination struts not being stored on table sections? Actually, in this case, the strut should ideally be propagated all the way up to the inner table (not be set on a row, cell or section), but we currently don't support that.
,
May 30 2017
,
May 31 2018
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue. Sorry for the inconvenience if the bug really should have been left as Available. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Jun 1 2018
|
||||
►
Sign in to add a comment |
||||
Comment 1 by robho...@gmail.com
, May 27 2017