|
4 | 4 | <link rel="help" href="https://drafts.csswg.org/css-align/#distribution-blocks"> |
5 | 5 | <link rel="help" href="https://drafts.csswg.org/css-align/#auto-safety"> |
6 | 6 | <link rel="match" href="../../reference/ref-filled-green-300px-square.html"> |
7 | | -<link rel="match" href="align-content-table-cell-005-ref-alt.html"> |
8 | 7 | <meta name="assert" content=" |
9 | 8 | The contents of the cells are 600px tall, but since we are collapsing one row, |
10 | 9 | the cells shrink to be only 300px tall. Therefore, the contents overflow. |
11 | 10 | This test checks various alignments with no overflow alignment specified, |
12 | | - they should behave as unsafe. |
13 | | - However, for cells which aren't scroll containers, UAs that have not implemented |
14 | | - the “smart” default behavior must behave as safe, hence there are 2 expectations. |
| 11 | + they should behave as safe by default. |
15 | 12 | "> |
16 | 13 |
|
17 | 14 | <style> |
|
26 | 23 | display: block; |
27 | 24 | width: 50px; |
28 | 25 | height: 600px; |
29 | | - background: linear-gradient(to bottom, var(--gradient)); |
| 26 | + background: linear-gradient(to bottom, green 50%, red 50%); |
30 | 27 | } |
31 | 28 | </style> |
32 | 29 |
|
33 | 30 | <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> |
34 | 31 |
|
35 | 32 | <table cellspacing="0" cellpadding="0"> |
36 | 33 | <tr> |
37 | | - <td rowspan="2" style="align-content: start; --gradient: green 50%, red 50%"></td> |
38 | | - <td rowspan="2" style="align-content: center; --gradient: red 25%, green 25% 75%, red 75%"></td> |
39 | | - <td rowspan="2" style="align-content: end; --gradient: red 50%, green 50%"></td> |
40 | | - <td rowspan="2" style="overflow: hidden; align-content: start; --gradient: green 50%, red 50%"></td> |
41 | | - <td rowspan="2" style="overflow: hidden; align-content: center; --gradient: red 25%, green 25% 75%, red 75%"></td> |
42 | | - <td rowspan="2" style="overflow: hidden; align-content: end; --gradient: red 50%, green 50%"></td> |
| 34 | + <td rowspan="2" style="align-content: start;"></td> |
| 35 | + <td rowspan="2" style="align-content: center;"></td> |
| 36 | + <td rowspan="2" style="align-content: end;"></td> |
| 37 | + <td rowspan="2" style="overflow: hidden; align-content: start;"></td> |
| 38 | + <td rowspan="2" style="overflow: hidden; align-content: center;"></td> |
| 39 | + <td rowspan="2" style="overflow: hidden; align-content: end;"></td> |
43 | 40 | </tr> |
44 | 41 | <tr style="visibility: collapse"></tr> |
45 | 42 | </table> |
0 commit comments