|
+
6.1 Spanning An Element Across Columns: the column-span property |
|---|
|
always-balancing-before-column-span |
= |
|
- This test verifies columns are always balancing before column-spanning element in an unconstrained height and column-fill:auto column container.
|
|
column-balancing-paged-001-print |
= |
|
Test fragmentation for a nested multi-column container with column-span in paginated context
|
|
inline-block-and-column-span-all |
= |
|
Combining column-span and inline-block on the same element
- column-span:all only applies to block-level elements, i.e. not inline-blocks, for instance
|
|
multicol-span-all-004 |
= |
|
column-span:all should act like column-span:none in different block formatting context
- This test checks a column-span:all element should act like column-span: none if it's under different block formatting context.
|
|
multicol-span-all-005 |
= |
|
Test column-span:all with various display types
- This test checks a column-span:all element should act like column-span: none if it's under different block formatting context.
|
|
multicol-span-all-006 |
= |
|
Test column-span:all under HTML details tag
- This test checks a column-span:all element is working under HTML details tag.
|
|
multicol-span-all-007 |
= |
|
Test column-span:all when the body tag is the multi-column container
- This test checks a column-span:all element is working if the body tag is the multi-column container.
|
|
multicol-span-all-008 |
= |
|
Test a bidi-override multi-column container with a dir=rtl column-span:all child
- This test checks the page is rendered correctly for a bidi-override multi-column container with a dir=rtl column-span:all child.
|
|
multicol-span-all-009 |
= |
|
Test the multicol element is the containing block of absolute elements
- This test checks the multicol element, not the column boxes divided by column-span, is the containing block of absolute elements.
|
|
multicol-span-all-010 |
= |
|
Test the position of the out-of-flow block is relative to the later fragment divided by the column-span:all
- This test checks the position of the out-of-flow block is relative to the latre fragment divided by the column-span:all.
|
|
multicol-span-all-011 |
= |
|
Test a bidi-override multi-column container with a dir=rtl column-span:all child
- This test checks that the text is correctly split by 'dir=rtl' column-span:all child in a bidi-override multi-column container.
|
|
multicol-span-all-button-001 |
= |
|
Test a multi-column container on button works with a column-span:all child
- This test checks the page is rendered correctly for a multi-column container on button with a column-span:all child.
|
|
multicol-span-all-button-002 |
= |
|
Test a overflow:hidden and position:absolute multi-column container on button works with a column-span:all child and position:absolute boxes
- This test checks the page is rendered correctly for a overflow:hidden and position:absolute button multi-column container with a column-span:all child and position:absolute boxes.
|
|
multicol-span-all-button-003 |
= |
|
Test a overflow:hidden and position:absolute multi-column container on button works with a column-span:all child and position:fixed boxes
- This test checks the page is rendered correctly for a overflow:hidden and position:absolute button multi-column container with a column-span:all child and position:absolute boxes.
|
|
multicol-span-all-children-height-001 |
= |
|
Test a multi-column container with percentage height children
- This test checks the the percentage height children under multicol container is rendered correctly.
|
|
multicol-span-all-children-height-002 |
= |
|
Test a multi-column container with percentage height children
- This test checks the percentage height children under multicol container compute the percentage relative to the entire multicol, not just the part after the column-span.
|
|
multicol-span-all-children-height-003 |
= |
|
Test a multi-column container with percentage height children
- This test checks the percentage height children under multicol container compute the percentage relative to the entire multicol, not just the part after the column-span.
|
|
multicol-span-all-children-height-004a |
= |
|
Test the block-size distribution across column-span split in a balancing multicol container
- This test verifies that a block container with a fixed block-size, split by column-span, distributes just enough block-size to hold its children.
|
|
multicol-span-all-children-height-004b |
= |
|
Test the block-size distribution across column-span split in a balancing multicol container
- This test verifies that a block container with a fixed block-size, split by column-span, distributes just enough block-size to hold its children.
|
|
multicol-span-all-children-height-005 |
= |
|
Test the block-size distribution across column-span split in a column-fill:auto multicol container
- This test verifies that a block container with a fixed block-size, split by column-span, distributes just enough block-size to hold its children.
|
|
multicol-span-all-children-height-006 |
= |
|
Test the borders drawing for a block split by column-span
- This test verifies that the borders of block container with a fixed block-size, split by column-span, are skipped on the sides adjacent to column-span.
|
|
multicol-span-all-children-height-007 |
= |
|
Test fragmentation for a nested multi-column container with column-span
- This test verifies a nested multi-column container with non-auto height and column-span child can be fragmented.
|
|
multicol-span-all-children-height-008 |
= |
|
Test the borders drawing for a block split by column-span
- This test verifies that the borders of block container with an auto block-size, split by column-span, are skipped on the sides adjacent to column-span.
|
|
multicol-span-all-dynamic-add-001 |
= |
|
Add the spanner as the first child of the columns
- This test checks a dynamically added 'column-span' element should be rendered correctly.
|
|
multicol-span-all-dynamic-add-002 |
= |
|
Add the spanner as the second child of the columns
- This test checks a dynamically added 'column-span' element should be rendered correctly.
|
|
multicol-span-all-dynamic-add-003 |
= |
|
Add the spanner in block1. It should correctly span across all columns
- This test checks a dynamically added 'column-span' element should be rendered correctly.
|
|
multicol-span-all-dynamic-add-004 |
= |
|
Add the spanner to the inner column
- This test checks a dynamically added 'column-span' element should be rendered correctly.
|
|
multicol-span-all-dynamic-add-005 |
= |
|
Add block1 before block2. It should join the column content box with block2, not with the spanner
- This test checks a dynamically added block element should be rendered correctly in a column hierarchy containing a column-span.
|
|
multicol-span-all-dynamic-add-006 |
= |
|
Append a text in column-span
- This test checks adding a text in column-span should be rendered correctly.
|
|
multicol-span-all-dynamic-add-007 |
= |
|
Append the block to the inline element which contains "column-span"
- This test checks a dynamically added block element should be rendered correctly.
|
|
multicol-span-all-dynamic-add-008 |
= |
|
Add a nested multi-column spanner to the outer column
- This test checks a dynamically added 'column-span' element should be rendered correctly.
|
|
multicol-span-all-dynamic-add-009 |
= |
|
Add a simple block to columns which already contains a column-span
- This test checks a dynamically added block element should be rendered correctly.
|
|
multicol-span-all-dynamic-add-010 |
= |
|
Append a block containing a spanner kid. The spanner kid should correctly span across all columns.
- This test checks appending a block containing 'column-span' element should be rendered correctly.
|
|
multicol-span-all-dynamic-add-011 |
= |
|
Insert a block containing a spanner kid. The spanner kid should correctly span across all columns
- This test checks that an inserted block containing 'column-span' element should be rendered correctly.
|
|
multicol-span-all-dynamic-add-012 |
= |
|
Append a block containing a spanner kid. The spanner kid should correctly span across all columns
- This test checks that an appended block containing 'column-span' element should be rendered correctly.
|
|
multicol-span-all-dynamic-add-013 |
= |
|
Insert a block into a multicol details containing column-span:all
- This test checks that <summary> is still rendered as the first element after inserting a block into multicol <details>, at the place before <summary>.
|
|
multicol-span-all-dynamic-remove-001 |
= |
|
Remove the spanner as the first child
- This test checks removing a 'column-span' element should be rendered correctly.
|
|
multicol-span-all-dynamic-remove-002 |
= |
|
Remove the spanner in nested blocks
- This test checks removing a 'column-span' element should be rendered correctly.
|
|
multicol-span-all-dynamic-remove-003 |
= |
|
Remove the spanner in a block
- This test checks removing a 'column-span' element should be rendered correctly.
|
|
multicol-span-all-dynamic-remove-004 |
= |
|
Remove the spanner with a block sibling in an inline element
- This test checks removing a 'column-span' element should be rendered correctly.
|
|
multicol-span-all-dynamic-remove-005 |
= |
|
Remove a tall block (spliting across the three columns) with spanner siblings
- This test checks removing a non-'column-span' element should be rendered correctly.
|
|
multicol-span-all-dynamic-remove-006 |
= |
|
Remove the parent of a column-spanner
- This test checks removing the parent of a column-spanner should be rendered correctly.
|
|
multicol-span-all-dynamic-remove-007 |
= |
|
Remove the position:fixed spanner as the first child
- This test checks removing a position:fixed 'column-span:all' element (which doesn't actually span columns) should be rendered correctly.
|
|
multicol-span-all-fieldset-001 |
= |
|
Test a multi-column container on fieldset works with a column-span:all child
- This test checks the page is rendered correctly for a simple fieldset multi-column container with a column-span:all child.
|
|
multicol-span-all-fieldset-002 |
= |
|
Test a overflow:hidden and position:absolute multi-column container on fieldset works with a column-span:all child and position:absolute boxes
- This test checks the page is rendered correctly for a overflow:hidden and position:absolute fieldset multi-column container with a column-span:all child and position:absolute boxes.
|
|
multicol-span-all-fieldset-003 |
= |
|
Test a overflow:hidden and position:absolute multi-column container on fieldset works with a column-span:all child and position:fixed boxes
- This test checks the page is rendered correctly for a overflow:hidden and position:absolute fieldset multi-column container with a column-span:all child and position:absolute boxes.
|
|
multicol-span-all-list-item-001 |
= |
|
columns with list-item and column-span
- This test checks the columns with list-item are renederd correctly.
|
|
multicol-span-all-list-item-002 |
= |
|
columns with list-item, column-span, and overflow
- This test checks the columns with list-item are renederd correctly.
|
|
multicol-span-all-margin-003 |
= |
|
|
|
multicol-span-all-restyle-001 |
= |
|
Restyle column-span's parent that is a block
- This test checks change the style of the spanner's parent should not affect the spanner.
|
|
multicol-span-all-restyle-002 |
= |
|
Restyle column-span's parent that is an inline
- This test checks change the style of the spanner's parent should not affect the spanner.
|
|
multicol-span-all-restyle-003 |
= |
|
Restyle column-span's multi-column container
- This test checks change the style of the spanner's multi-column container should not affect the spanner.
|
|
multicol-span-all-restyle-004 |
= |
|
Restyle the column-span itself
- This test checks change the style of the spanner itself.
|
|
multicol-span-all-rule-001 |
= |
|
Test the column rule's block-size
- This test verifies that the column-rule after the last column-span is extended to the content block-end edge of the multicol container.
|
|
multicol-width-004 |
= |
|
Test width:min-content for a multi-column container with column-span:all children
- This test checks the width:min-content for a multi-column container is calculated correctly.
|
|
multicol-width-005 |
= |
|
Test width:max-content for a multi-column container with column-span:all children
- This test checks the width:max-content for a multi-column container is calculated correctly.
|
|
no-balancing-after-column-span |
= |
|
- This test verifies columns are not balancing after a column-spanning element in a fixed height and column-fill:auto column container.
|
|
remove-inline-with-block-beside-spanners |
= |
|
- Margins of two adjacent spanners will collapse with each other
|