third_party/WebKit/LayoutTests/fragmentation/single-line-cells-repeating-thead-starts-middle-of-page-break-after-avoid-expected.html - Issue 2882043002: Update our treatment of repeating headers in tables

Side by Side Diff: third_party/WebKit/LayoutTests/fragmentation/single-line-cells-repeating-thead-starts-middle-of-page-break-after-avoid-expected.html

Issue 2882043002: Update our treatment of repeating headers in tables (Closed)

Patch Set: bug 720620 Created 3 years, 6 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

« no previous file with comments | « third_party/WebKit/LayoutTests/fragmentation/single-line-cells-repeating-thead-starts-middle-of-page-break-after-avoid-3-expected.html ('k') | third_party/WebKit/LayoutTests/fragmentation/single-line-cells-repeating-thead-with-border-spacing-at-top-of-row.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <style>	2 <style>

3 table {	3 table {

4 border-collapse: collapse;	4 border-collapse: collapse;

5 }	5 }

6 td, th {	6 td, th {

7 background-color: #ddd;	7 background-color: #ddd;

8 border: 1px solid black;	8 border: 1px solid black;

9 }	9 }

10 tr {	10 tr {

11 break-inside: avoid;	11 break-inside: avoid;

12 }	12 }

	13 .header {

	14 font-weight: bold;

	15 text-align: center

	16 }

13 </style>	17 </style>

14 <p>crbug.com/624814: A table header group should not repeat on each page if we c an't fit at least one content row below it.</p>	18 <p>crbug.com/624814: A table header group should not repeat on each page if we c an't fit at least one content row below it.</p>

15 <div style="-webkit-columns:3; line-height: 20px; column-fill: auto; height:190p x; background-color: yellow;">	19 <div style="-webkit-columns:3; line-height: 20px; column-fill: auto; height:190p x; background-color: yellow;">

16 <br>	20 <br>

17 <br>	21 <br>

18 <br>	22 <br>

19 <br>	23 <br>

20 <br>	24 <br>

21 <br>	25 <br>

22 <br>	26 <br>

23 <br>	27 <br>

24 <table>	28 <table>

25 <thead>	29 <tr><td class="header">Col 1</td><td class="header">Col 2</td></tr>

26 <tr>

27 <th>Col 1</th>

28 <th>Col 2</th>

29 </tr>

30 </thead>

31 <tbody>	30 <tbody>

	31 <tr><td class="header">Col 1</td><td class="header">Col 2</td></tr>

32 <tr><td>Te</td><td>xt</td></tr>	32 <tr><td>Te</td><td>xt</td></tr>

33 <tr><td>Te</td><td>xt</td></tr>	33 <tr><td>Te</td><td>xt</td></tr>

34 <tr><td>Te</td><td>xt</td></tr>	34 <tr><td>Te</td><td>xt</td></tr>

35 <tr><td>Te</td><td>xt</td></tr>	35 <tr><td>Te</td><td>xt</td></tr>

36 <tr><td>Te</td><td>xt</td></tr>	36 <tr><td>Te</td><td>xt</td></tr>

37 <tr><td>Te</td><td>xt</td></tr>	37 <tr><td>Te</td><td>xt</td></tr>

38 <tr><td>Te</td><td>xt</td></tr>	38 <tr><td>Te</td><td>xt</td></tr>

	39 <tr><td class="header">Col 1</td><td class="header">Col 2</td></tr>

39 <tr><td>Te</td><td>xt</td></tr>	40 <tr><td>Te</td><td>xt</td></tr>

40 <tr><td>Te</td><td>xt</td></tr>	41 <tr><td>Te</td><td>xt</td></tr>

41 <tr><td>Te</td><td>xt</td></tr>	42 <tr><td>Te</td><td>xt</td></tr>

42 <tr><td>Te</td><td>xt</td></tr>	43 <tr><td>Te</td><td>xt</td></tr>

43 <tr><td>Te</td><td>xt</td></tr>	44 <tr><td>Te</td><td>xt</td></tr>

44 <tr><td>Te</td><td>xt</td></tr>	45 <tr><td>Te</td><td>xt</td></tr>

45 <tr><td>Te</td><td>xt</td></tr>	46 <tr><td>Te</td><td>xt</td></tr>

	47 <tr><td class="header">Col 1</td><td class="header">Col 2</td></tr>

46 <tr><td>Te</td><td>xt</td></tr>	48 <tr><td>Te</td><td>xt</td></tr>

47 <tr><td>Te</td><td>xt</td></tr>	49 <tr><td>Te</td><td>xt</td></tr>

48 <tr><td>Te</td><td>xt</td></tr>	50 <tr><td>Te</td><td>xt</td></tr>

49 <tr><td>Te</td><td>xt</td></tr>	51 <tr><td>Te</td><td>xt</td></tr>

50 <tr><td>Te</td><td>xt</td></tr>	52 <tr><td>Te</td><td>xt</td></tr>

51 <tr><td>Te</td><td>xt</td></tr>	53 <tr><td>Te</td><td>xt</td></tr>

52 <tr><td>Te</td><td>xt</td></tr>	54 <tr><td>Te</td><td>xt</td></tr>

53 <tr><td>Te</td><td>xt</td></tr>	55 <tr><td>Te</td><td>xt</td></tr>

54 <tr><td>Te</td><td>xt</td></tr>	56 <tr><td>Te</td><td>xt</td></tr>

55 </tbody>	57 </tbody>

56 </table>	58 </table>

57 </div>	59 </div>

58	60

OLD	NEW