CSS Display Module Level 3 CR Test Suite

Box Layout Modes: the display property (72 tests)

Test Refs Flags Info
+ 2 Box Layout Modes: the display property
+ 2.1 Outer Display Roles for Flow Layout: the block, inline, and run-in keywords
display-change-iframe =
display-change-object-iframe =
display-none-inline-img = display: none then inline on img
+ 2.2 Inner Display Layout Models: the flow, flow-root, table, flex, grid, and ruby keywords
display-flow-root-001 = display:flow-root
+ 2.3 Generating Marker Boxes: the list-item keyword
display-flow-root-list-item-001 = display:flow-root list-item
display-list-item-height-after-dom-change Script CSS Display: reflowing a display:list-item on dom changes - non-zero height
marker-inherit-line-height = Check that :marker inherits line-height
+ 2.4 Layout-Internal Display Types: the table-* and ruby-* keywords
contain-size-002 = size containment on ruby-base
  • size containment does not to apply ruby-base, which is an internal ruby element
contain-size-003 = size containment on ruby-base-container
  • size containment does not to apply ruby-base-container, which is an internal ruby element
contain-size-004 = size containment on ruby-text-container
  • size containment does not to apply ruby-text-container, which is an internal ruby element
contain-size-005 = size containment on ruby-text
  • size containment does not to apply ruby-text, which is an internal ruby element
+ 2.5 Box Generation: the none and contents keywords
display-contents-alignment-001 = flex container align-items is used for flex item regardless of intermediate display: contents ancestors
display-contents-alignment-002 = grid container justify-items is used for grid item regardless of intermediate display: contents ancestors
display-contents-before-after-001 = CSS Display: Generated ::before and ::after on display:contents
display-contents-before-after-002 = CSS Display: Generated ::before and ::after with display:contents
display-contents-before-after-003 = CSS Display: Generated ::before and ::after with display:contents inside flex
display-contents-block-001 = CSS Display: display:contents in block layout
display-contents-block-002 = CSS Display: margin collapsing through display:contents
display-contents-computed-style Script CSS Display: Computed style for display:contents
display-contents-details-001 = display: contents under a details element doesn't prevent content from getting suppressed
display-contents-dynamic-before-after-001 = CSS Display: Dynamic changes to ::before and ::after on display:contents
display-contents-dynamic-before-after-first-letter-001 = CSS Display: Dynamic changes to ::before and ::after on display:contents when ::first-letter is in effect
display-contents-dynamic-flex-001-inline = CSS Display 3: Display contents reattachment works well in a flex container
display-contents-dynamic-flex-001-none = CSS Display 3: Display contents reattachment works well in a flex container
display-contents-dynamic-flex-002-inline = CSS display: contents in flex layout
display-contents-dynamic-flex-002-none = CSS display: contents in flex layout
display-contents-dynamic-flex-003-inline = CSS display: contents in flex layout
display-contents-dynamic-flex-003-none = CSS display: contents in flex layout
display-contents-dynamic-generated-content-fieldset-001 = Dynamic changes to display: contents generated content in fieldsets.
display-contents-dynamic-inline-flex-001-inline = CSS display: contents in inline-flex layout
display-contents-dynamic-inline-flex-001-none = CSS display: contents in inline-flex layout
display-contents-dynamic-list-001-inline = CSS display: contents in list layout
display-contents-dynamic-list-001-none = CSS display: contents in list layout
display-contents-dynamic-multicol-001-inline = CSS display:contents in multicolumn layout
display-contents-dynamic-multicol-001-none = CSS display:contents in multicolumn layout
display-contents-dynamic-pseudo-insertion-001 = Dynamic insertion on empty display: contents element with pseudo-elements
display-contents-dynamic-table-001-inline = CSS display:contents
display-contents-dynamic-table-001-none = CSS display:contents
display-contents-dynamic-table-002-inline = CSS display:contents in table layout
display-contents-dynamic-table-002-none = CSS display:contents in table layout
display-contents-first-letter-001 = CSS Display: display:contents and ::first-letter
display-contents-first-letter-002 = CSS Display: display:contents and ::first-letter inheritance
display-contents-first-line-001 = CSS Display: display:contents and ::first-line
display-contents-first-line-002 = CSS Display: display:contents and ::first-line inheritance
display-contents-flex-001 = display: contents inside a flex container
display-contents-flex-002 = CSS display: contents in flex layout
display-contents-flex-003 = CSS display: contents in flex layout
display-contents-float-001 = CSS Display: display:contents works on floated elements
display-contents-inline-001 = CSS Display: display:contents in inline layout
display-contents-inline-flex-001 = CSS display: contents in inline-flex layout
display-contents-line-height = CSS Display: display:contents font-size should affect line-height
display-contents-list-001 = CSS display: contents in list layout
display-contents-multicol-001 = CSS display:contents in multicolumn layout
display-contents-oof-001 = CSS Display: display:contents works on out-of-flow positioned elements
display-contents-oof-002 = CSS Display: display:contents works on out-of-flow positioned elements
display-contents-shadow-host-whitespace = Whitespace across display:contents shadow host
display-contents-state-change-001 = CSS display: State changes are handled correctly for display: contents children
display-contents-suppression-dynamic-001 = display: contents unboxing works in presence of dynamic changes to the tree.
display-contents-table-001 = CSS display:contents in table layout
display-contents-table-002 = CSS display:contents in table layout
display-contents-td-001 = CSS Display: Children of multiple td elements with display:contents wrapped in single anonymous table cell
display-contents-text-inherit = CSS Display: Apply display:contents text properties to text children
display-contents-text-inherit-002 = CSS Display: Apply white-space property of display:contents element to inline children
display-contents-text-only-001 = CSS Display: Only text on a display: contents subtree
display-contents-tr-001 = CSS Display: td elements wrapped in single anonymous table-row with display:contents tr
display-contents-whitespace-inside-inline = Whitespace inside display: contents is preserved correctly.
select-4-option-optgroup-display-none = display:none on OPTION and OPTGROUP
+ 2.6 Precomposed Inline-level Display Values
+ 2.7 Automatic Box Type Transformations
display-contents-computed-style Script CSS Display: Computed style for display:contents
block-ruby-002 = blockification/inlinification of 'display:ruby/block ruby'.
block-ruby-003 = Text node insertion in 'display:ruby/block ruby'.
block-ruby-004 = RT append in 'display:ruby/block ruby'.
block-ruby-005 = DIV append in 'display:ruby/block ruby'.
ruby-layout-internal-boxes = ruby content w. layout-internal 'display' values