|
+
8.1 Overflow inside multicol elements |
|---|
|
multicol-block-clip-001 |
= |
Ahem |
Overflowed content inside multicol element
- This test checks that content in the normal flow that extends into column gaps is clipped in the middle of the column gap.
|
|
multicol-block-clip-002 |
= |
Ahem |
Overflowed content inside and outside multicol element
- This test checks that content in the normal flow that extends into column gaps is clipped in the middle of the column gap.
|
|
multicol-clip-001 |
= |
Ahem |
overflowed content inside and outside multicol element
- This test checks that content in the normal flow can extend into column gap before it reaches its middle. In this test, the 'l' and 'c' glyphs are painted into the left half of the column gap; the 'l' and 'e' glyphs extend outside the last column box at the edge of the multi-column and are therefore rendered thanks to the default 'overflow: visible' declaration.
|
|
multicol-clip-002 |
= |
Ahem |
overflowed content inside and outside multicol element
- This test checks that content in the normal flow can extend into column gap before it reaches its middle. In this test, the 'l' and 'c' glyphs are painted into the left half of the column gap; the 'l' and 'e' glyphs extend outside the last column box at the edges of the multi-column and are therefore hidden thanks to the 'overflow: hidden' declaration.
|
|
multicol-width-small-001 |
= |
Ahem |
narrow column-width
- This test checks that a set 'column-width' which is small with regards to width of multi-column element. In this test, in-flow content that extends into column gaps is clipped in the middle of the column gap.
|
|
+
8.2 Pagination and overflow outside multicol elements |
|---|
|
multicol-fill-auto-block-children-002 |
= |
|
'column-fill: auto' and 'column-span: all' (complex)
- This test checks that if 'column-fill' is set to 'auto' and a multicolumn element content is solely made of block container boxes, then it should fill column boxes sequentially with such content and, in this test, it should overflow outside of it. This test relies on the idea that a 'column-span: all' element will occupy more space in a multi-column element than a 'column-span: none' element, therefore reducing available space for content in column boxes.
|
|
multicol-nested-margin-001 |
= |
Ahem |
multicolumn and nested margins
- This test checks that non-zero vertical margins can be applied on a multi-column element while the vertical margins of its own block containers can be set to zero.
|
|
multicol-overflow-000 |
= |
Ahem |
multi-column with set height causing overflow outside (basic)
- This test checks that column gap appears between two columns.
|
|
multicol-overflowing-001 |
= |
Ahem |
multicolumn and overflowing constrained dimensions
- This test checks that the content of a multi-column element with a fixed height can overflow outside its fixed width according to the computed overflow value. In this test, the inline content of a multi-column element exceeds the available fixed height and fixed width for the multi-column element; therefore, it overflows outside of it and creates a 4th, 5th and 6th extra column boxes.
|