CSS Containment Module Level 1 CR Test Suite

Strong Containment: the contain property (10 tests)

Test Refs Flags Info
+ 2 Strong Containment: the contain property
contain-content-001 = a block with 'contain: content' alongside a float
contain-content-002 = 'contain: content' and margin collapsing
  • This test checks that a block element with 'contain: content' establishes a new block formatting context which is independent and separate from others. This causes margin collapsing to be ineffective among vertically-adjacent boxes. In this test, the top margin of parent boxes and top margin of their respective first in-flow child do not collapse. Also, in this test, the bottom margin of the last in-flow child of boxes and bottom margin of their respective parent boxes do not collapse.
contain-flexbox-outline Script strict` to Flexbox does not crash
contain-layout-size-003 = a block with 'contain: layout size' alongside a float
contain-paint-size-001 = 'contain: paint size' and table caption
contain-paint-size-002 = 'contain: paint size' and block box
contain-paint-size-003 = a block with 'contain: paint size' alongside a float
contain-strict-001 = 'contain: strict' and table caption
contain-strict-002 = 'contain: strict' and block box
contain-strict-003 = a block with 'contain: strict' alongside a float