diff --git a/css-multicol-1/Overview.bs b/css-multicol-1/Overview.bs index 065a670b29e..262e66ce27a 100644 --- a/css-multicol-1/Overview.bs +++ b/css-multicol-1/Overview.bs @@ -8,6 +8,7 @@ Prepare for TR: no Implementation Report: https://test.csswg.org/harness/results/css-multicol-1_dev/grouped/ Work Status: Testing WPT Path Prefix: /css/css-multicol/ +WPT Display: open ED: https://drafts.csswg.org/css-multicol/ TR: https://www.w3.org/TR/css-multicol-1/ Previous Version: https://www.w3.org/TR/2021/CR-css-multicol-1-20211012/ @@ -203,16 +204,34 @@ Value Definitions

The Multi-Column Model

- An element whose 'column-width' or 'column-count' property is not ''column-width/auto'' + An element whose 'column-width' or 'column-count' property is not ''column-width/auto'' establishes a multi-column container (or multicol container for short), and therefore acts as a container for [=multi-column layout=]. - - multicol-width-004.html + + multicol-basic-002.html + multicol-basic-004.html + + + multicol-count-computed-004.xht + + inheritance.html + + + + multicol-scroll-content.html + + + + multicol-zero-height-001.xht + multicol-zero-height-002.html + multicol-zero-height-003.html + + In the traditional CSS box model, the content of an element is flowed into the content box of the corresponding element. @@ -257,12 +276,14 @@ The Multi-Column Model multicol-margin-001.xht multicol-margin-002.xht + multicol-margin-003.html multicol-margin-child-001.xht multicol-nested-margin-001.xht multicol-nested-margin-002.xht multicol-nested-margin-003.xht multicol-nested-margin-004.xht multicol-nested-margin-005.xht + multicol-collapsing-001.xht Floats that appear inside multi-column layouts are positioned with @@ -298,6 +319,12 @@ The Multi-Column Model multicol-containing-001.xht multicol-containing-002.xht + multicol-containing-003.xht + multicol-containing-003.html + multicol-contained-absolute.html + abspos-autopos-contained-by-viewport-000.html + abspos-autopos-contained-by-viewport-001.html + abspos-multicol-in-second-outer-clipped.html
@@ -329,14 +356,161 @@ The Multi-Column Model Out-of-flow descendants of a [=multi-column container=] do affect column balancing, and the block-size of the [=multi-column container=]. + + multicol-oof-inline-cb-001.html + multicol-oof-inline-cb-002.html + + The column boxes are ordered in the [=inline base direction=] of the multicol container and arranged into multicol lines. - The column width is the length of the column box in the inline direction. + The column width is the length of the column box in the inline direction. The column height is the length of the column box in the block direction. All column boxes in a line have the same column width, and all column boxes in a line have the same column height. + + baseline-000.html + baseline-001.html + baseline-002.html + baseline-003.html + baseline-004.html + baseline-005.html + baseline-006.html + baseline-007.html + baseline-008.html + crashtests/as-baseline-aligned-grid-item.html + + + + multicol-list-item-001.xht + multicol-list-item-002.html + multicol-list-item-003.html + multicol-list-item-004.html + multicol-list-item-005.html + multicol-list-item-006.html + multicol-list-item-007.html + multicol-list-item-008.html + + + + balance-grid-001.html + + + + table/multicol-table-cell-001.xht + table/multicol-table-cell-height-001.xht + table/multicol-table-cell-height-002.xht + table/multicol-table-cell-vertical-align-001.xht + table/table-cell-as-multicol.html + table/table-cell-content-change-000.html + table/table-cell-content-change-001.html + table/table-cell-multicol-nested-001.html + table/table-cell-multicol-nested-002.html + table/table-cell-multicol-nested-003.html + crashtests/break-before-multicol-caption.html + crashtests/table-cell-writing-mode-root.html + table/balance-breakafter-before-table-section-crash.html + table/balance-table-with-border-spacing.html + table/balance-table-with-fractional-height-row.html + + + + float-and-block.html + move-with-text-after-paint.html + resize-with-text-after-paint.html + + + + animation/column-width-interpolation.html + animation/discrete-no-interpolation.html + multicol-overflow-positioned-transform-001.html + multicol-overflow-transform-001.html + resize-multicol-with-fixed-size-children.html + resize-in-strict-containment-nested.html + remove-child-in-strict-containment-also-spanner.html + composited-under-clip-under-multicol.html + change-intrinsic-width.html + change-fragmentainer-size-000.html + change-fragmentainer-size-001.html + change-fragmentainer-size-002.html + change-fragmentainer-size-003.html + hit-test-child-under-perspective.html + hit-test-transformed-child.html + + + + crashtests/multicol-with-monolithic-oof-with-multicol-with-oof.html + crashtests/chrome-bug-1293905.html + crashtests/chrome-bug-1297118.html + crashtests/chrome-bug-1301281.html + crashtests/chrome-bug-1303256.html + crashtests/chrome-bug-1314866.html + crashtests/dynamic-simplified-layout-break-propagation.html + crashtests/float-multicol-crash.html + change-abspos-width-in-second-column-crash.html + change-out-of-flow-type-and-remove-inner-multicol-crash.html + crashtests/monolithic-oof-in-clipped-container.html + crashtests/move-linebreak-to-different-column.html + crashtests/move-newline-pre-text.html + crashtests/multicol-at-page-boundary-print.html + crashtests/multicol-block-in-inline-crash.html + crashtests/multicol-cached-consumed-bsize-crash.html + crashtests/multicol-column-change-crash.html + crashtests/multicol-dynamic-contain-crash.html + crashtests/multicol-dynamic-transform-crash.html + crashtests/multicol-floats-in-ifc.html + crashtests/multicol-parallel-flow-after-spanner-in-inline.html + crashtests/outline-move-oof-with-inline.html + crashtests/relpos-inline-with-abspos-multicol-gets-block-child.html + crashtests/size-containment-become-multicol-add-inline-child.html + crashtests/sticky-in-abs-in-sticky.html + crashtests/vertical-rl-column-rules-wide-columns.html + dynamic-become-multicol-add-oof-inside-inline-crash.html + extremely-tall-multicol-with-extremely-tall-child-crash.html + file-control-crash.html + img-alt-as-multicol-crash.html + overflow-scroll-in-multicol-crash.html + remove-block-sibling-of-inline-with-block-crash.html + subpixel-scroll-crash.html + text-child-crash.html + with-custom-layout-on-same-element-crash.https.html + crashtests/oof-in-area-001.html + crashtests/oof-in-area-002.html + crashtests/oof-in-area-003.html + crashtests/oof-in-oof-multicol-in-multicol-spanner-in-multicol.html + crashtests/oof-in-oof-multicol-in-relpos-in-oof-in-multicol-in-multicol.html + crashtests/oof-in-oof-multicol-in-relpos-spanner-in-multicol-in-relpos-multicol-in-multicol.html + crashtests/oof-in-oof-multicol-in-relpos-spanner-in-spanner-multicol-in-multicol-in-multicol.html + crashtests/oof-in-oof-multicol-in-spanner-in-multicol-in-spanner-in-nested-multicol.html + crashtests/oof-in-oof-multicol-in-spanner-in-nested-multicol.html + crashtests/oof-in-relpos-in-oof-multicol-in-oof-in-relpos-in-oof-multicol-in-multicol.html + crashtests/oof-in-relpos-in-oof-multicol-in-relpos-in-oof-multicol-in-relpos-multicol.html + crashtests/floated-input-in-inline-next-column.html + crashtests/inline-float-parallel-flow.html + crashtests/table-caption-in-clipped-overflow.html + crashtests/text-in-inline-interrupted-by-float.html + increase-prev-sibling-height.html + crashtests/interleaved-bfc-crash.html + crashtests/relayout-fixedpos-in-abspos-in-relpos-in-nested-multicol.html + crashtests/inline-become-oof-container-make-oof-inflow.html + multicol-dynamic-change-inside-break-inside-avoid-001.html + multicol-dynamic-add-001.html + scroll-width-height.tentative.html + filter-with-abspos.html + crashtests/add-list-item-marker.html + + + + auto-fill-auto-size-001-print.html + auto-fill-auto-size-002-print.html + multicol-height-002-print.xht + named-page.html + page-property-ignored.html + + + Note: In text set using a vertical writing mode, the block direction runs horizontally. In a vertical writing mode columns are laid out horizontally, @@ -352,6 +526,12 @@ The Multi-Column Model
+ + orthogonal-writing-mode-shrink-to-fit.html + multicol-under-vertical-rl-scroll.html + hit-test-in-vertical-rl.html + + Within each [=multicol line=] in the multi-column container, adjacent column boxes are separated by a column gap, which may contain a column rule. @@ -399,6 +579,80 @@ The Multi-Column Model multicol-nested-002.xht multicol-nested-005.xht + multicol-nested-006.html + multicol-nested-007.html + multicol-nested-008.html + multicol-nested-009.html + multicol-nested-010.html + multicol-nested-011.html + multicol-nested-012.html + multicol-nested-013.html + multicol-nested-014.html + multicol-nested-015.html + multicol-nested-016.html + multicol-nested-017.html + multicol-nested-018.html + multicol-nested-019.html + multicol-nested-020.html + multicol-nested-021.html + multicol-nested-022.html + multicol-nested-023.html + multicol-nested-024.html + multicol-nested-025.html + multicol-nested-026.html + multicol-nested-027.html + multicol-nested-028.html + multicol-nested-029.html + multicol-nested-030.html + multicol-nested-031.html + crashtests/nested-as-balanced-legend.html + crashtests/nested-as-nested-balanced-legend.html + crashtests/nested-floated-multicol-with-tall-margin.html + crashtests/nested-multicol-and-float-with-tall-padding-before-float.html + crashtests/nested-multicol-and-float-with-tall-padding.html + crashtests/nested-multicol-fieldset-tall-trailing-border-freeze.html + crashtests/nested-multicol-fieldset-tall-trailing-padding.html + crashtests/nested-multicol-in-svg-foreignobject.html + crashtests/nested-multicol-nested-flex.html + crashtests/nested-multicol-with-float-between.html + crashtests/nested-oof-multicol-with-monolithic-child.html + crashtests/nested-oof-multicol-with-oof-needing-additional-columns.html + crashtests/nested-oof-multicol-with-padding.html + crashtests/nested-with-fragmented-oof-negative-top-offset.html + crashtests/nested-with-multicol-table-caption.html + crashtests/multicol-table-caption-parallel-flow-after-spanner-in-inline.html + crashtests/nested-with-multicol-table-cell.html + crashtests/nested-with-oof-inside-fixed-width.html + crashtests/nested-with-percentage-size-and-oof.html + crashtests/nested-with-tall-padding-and-oof.html + crashtests/nested-with-tall-padding.html + crashtests/oof-in-nested-line-float.html + crashtests/oof-nested-multicol-inside-oof.html + crashtests/relayout-nested-with-oof.html + crashtests/repeated-section-in-nested-table-nested-multicol.html + crashtests/repeated-table-footer-in-caption-nested-multicol.html + nested-balanced-monolithic-multicol-crash.html + nested-balanced-very-tall-content-crash.html + nested-floated-shape-outside-multicol-with-monolithic-child-crash.html + nested-with-overflowing-padding-crash.html + triply-nested-with-fixedpos-in-abspos-crash.html + fixed-in-nested-multicol-with-transform-container.html + fixed-in-nested-multicol-with-viewport-container.html + fixed-in-nested-multicol.html + nested-after-float-clearance.html + nested-at-outer-boundary-as-fieldset.html + nested-at-outer-boundary-as-float.html + nested-at-outer-boundary-as-legend.html + nested-floated-multicol-with-monolithic-child.html + nested-oofs-in-relative-multicol.html + nested-past-fragmentation-line.html + nested-with-too-tall-line.html + oof-nested-in-single-column.html + nested-non-auto-inline-size-offset-top.html + fixedpos-static-pos-with-viewport-cb-001.html + fixedpos-static-pos-with-viewport-cb-002.html + fixedpos-static-pos-with-viewport-cb-003.html + multicol-height-block-child-001.xht Note: It is not possible to set properties/values on column boxes. @@ -457,6 +711,11 @@ The Number and Width of Columns or narrower (only if the available space is smaller than the specified column width). Negative values are not allowed. Used values will be clamped to a minimum of ''1px''. + + + zero-column-width-computed-style.html + zero-column-width-layout.html + @@ -467,16 +726,17 @@ The Number and Width of Columns multicol-width-001.xht multicol-width-002.xht multicol-width-003.xht + multicol-width-005.html multicol-width-ch-001.xht multicol-width-negative-001.xht multicol-width-invalid-001.xht multicol-width-large-001.xht multicol-width-large-002.xht multicol-inherit-003.xht - multicol-list-item-001.xht parsing/column-width-computed.html parsing/column-width-invalid.html parsing/column-width-valid.html + multicol-width-small-001.xht
@@ -555,7 +815,6 @@ The Number and Width of Columns multicol-count-001.xht multicol-count-002.xht - multicol-basic-002.html multicol-basic-006.xht multicol-width-count-001.xht multicol-width-count-002.xht @@ -570,10 +829,9 @@ The Number and Width of Columns parsing/column-count-invalid.html parsing/column-count-valid.html parsing/column-count-computed.html - table/multicol-table-cell-001.xht - table/multicol-table-cell-height-001.xht - table/multicol-table-cell-height-002.xht - table/multicol-table-cell-vertical-align-001.xht + animation/column-count-interpolation.html + large-actual-column-count.html + with-custom-layout-on-same-element.https.html
@@ -637,6 +895,16 @@ The Number and Width of Columns Another module (probably the Basic Box Model [[CSS3BOX]] or the Intrinsic & Extrinsic Sizing Module [[CSS3-SIZING]]) is expected to define this. + +intrinsic-size-001.html +intrinsic-size-002.html +intrinsic-size-003.html +intrinsic-size-004.html +intrinsic-size-005.html +as-column-flex-item.html +intrinsic-width-change-column-count.html + +