CSS Flexible Box Layout Module Level 1 CR Test Suite

Flex Lines (9 tests)

Test Refs Flags Info
+ 6 Flex Lines
flexbox-flex-wrap-flexing = flex-wrap flexes widths after line breaking
  • Flex items given more space after line breaking should flex wider
  • http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property
  • http://www.w3.org/TR/css-flexbox-1/#flex-property
grid-as-flex-item-should-not-shrink-to-fit-001 = Evaluate the behavior of a grid container as Flexbox item
  • A single-line column flexbox shouldn't shrink-to-fit since its flex item is stretching in the main-axis, honoring the 'align-self: normal (behaves as 'stretch')'. The grid item's inline-size should be stretched as well, honoring its justify-self: 'normal' (behaves as 'stretch')
grid-as-flex-item-should-not-shrink-to-fit-002 = Evaluate the behavior of a grid container as Flexbox item
  • The align-content: 'stretch' prevents the multi-line column flexbox to shrink-to-fit (default behavior), hence the grid container will be stretched, honoring its align-self: 'normal (behaves as 'stretch'), as well as its grid item, honoring its justify-self: 'normal' (behaves as 'stretch')
grid-as-flex-item-should-not-shrink-to-fit-003 = Evaluate the behavior of a grid container as Flexbox item
  • A single-line column flexbox shouldn't shrink-to-fit since its flex item is stretching in the main-axis, honoring the 'align-self: normal (behaves as 'stretch')'. The vertical grid item's inline-size should be stretched as well, honoring its justify-self: 'normal' (behaves as 'stretch')
grid-as-flex-item-should-not-shrink-to-fit-004 = Evaluate the behavior of a grid container as Flexbox item
  • The align-content: 'stretch' prevents the multi-line column flexbox to shrink-to-fit (default behavior), hence the grid container will be stretched, honoring its align-self: 'normal (behaves as 'stretch'), as well as its vertical grid item, honoring its justify-self: 'normal' (behaves as 'stretch')
grid-as-flex-item-should-not-shrink-to-fit-005 = Evaluate the behavior of a grid container as Flexbox item
  • A single-line column flexbox shouldn't shrink-to-fit since its flex item is stretching in the main-axis, honoring the 'align-self: normal (behaves as 'stretch')'. The grid item's inline-size should be stretched as well, honoring its justify-self: 'normal' (behaves as 'stretch')
grid-as-flex-item-should-not-shrink-to-fit-006 = Evaluate the behavior of a grid container as Flexbox item
  • The align-content: 'stretch' prevents the multi-line column flexbox to shrink-to-fit (default behavior), hence the grid container will be stretched, honoring its align-self: 'normal (behaves as 'stretch'), as well as grid item, honoring its justify-self: 'normal' (behaves as 'stretch')
grid-as-flex-item-should-not-shrink-to-fit-007 = Evaluate the behavior of a grid container as Flexbox item
  • A single-line column flexbox shouldn't shrink-to-fit since its flex item is stretching in the main-axis, honoring the 'align-self: normal (behaves as 'stretch')'. The grid item's relative block size will be resolved againts the grid's row size, while its inline-size should be stretched as well, honoring its justify-self: 'normal' (behaves as 'stretch')
grid-as-flex-item-should-not-shrink-to-fit-008 = Evaluate the behavior of a grid container as Flexbox item
  • A single-line column flexbox shouldn't shrink-to-fit since its flex item is stretching in the main-axis, honoring the 'align-self: normal (behaves as 'stretch')'. The grid item has a relative inline-size, which should be resolved against the stretched grid's inline-size.