fune/testing/web-platform/tests/css/css-grid/alignment
Tiaan Louw 09188b7533 Bug 1609403 - Grid items with align/justify-self should participate in baseline alginment r=emilio,layout-reviewers
When a grid item is set to align itself to the baseline (first or last)
then it should participate in baseline alignment if the item's size is
not dependent on the size of the track and vice versa.

Also added a test to check for last baseline alignment in addition to
first baseline alignment on empty blocks.

Differential Revision: https://phabricator.services.mozilla.com/D157345
2023-12-04 08:32:32 +00:00
..
references
self-baseline Bug 1609403 - Grid items with align/justify-self should participate in baseline alginment r=emilio,layout-reviewers 2023-12-04 08:32:32 +00:00
support
grid-align-baseline-001.html
grid-align-baseline-002.html
grid-align-baseline-003.html
grid-align-baseline-004.html
grid-align-baseline-005.html
grid-align-baseline-fieldset-001.html
grid-align-baseline-fieldset-002.html
grid-align-baseline-fieldset-003.html
grid-align-baseline-flex-001.html
grid-align-baseline-flex-002.html
grid-align-baseline-flex-003.html
grid-align-baseline-flex-004.html
grid-align-baseline-grid-001.html
grid-align-baseline-grid-002.html
grid-align-baseline-grid-003.html
grid-align-baseline-line-clamp-001.tentative.html
grid-align-baseline-line-clamp-002.tentative.html
grid-align-baseline-line-clamp-003.tentative.html
grid-align-baseline-multicol-001.html
grid-align-baseline-multicol-002.html
grid-align-baseline-multicol-003.html
grid-align-baseline-overflow-001.html
grid-align-baseline-overflow-002.html
grid-align-baseline-overflow-003.html
grid-align-baseline-table-001.html
grid-align-baseline-table-002.html
grid-align-baseline-table-003.html
grid-align-baseline-vertical.html
grid-align-baseline.html Bug 1609403 - Grid items with align/justify-self should participate in baseline alginment r=emilio,layout-reviewers 2023-12-04 08:32:32 +00:00
grid-align-content-distribution-vertical-lr.html
grid-align-content-distribution-vertical-rl.html
grid-align-content-distribution.html
grid-align-content-vertical-lr.html
grid-align-content-vertical-rl.html
grid-align-content.html
grid-align-justify-margin-border-padding-vertical-lr.html
grid-align-justify-margin-border-padding-vertical-rl.html
grid-align-justify-margin-border-padding.html
grid-align-justify-overflow.html
grid-align-justify-stretch-with-orthogonal-flows.html
grid-align-justify-stretch.html
grid-align-stretching-replaced-items.html
grid-align.html
grid-alignment-implies-size-change-001.html
grid-alignment-implies-size-change-002.html
grid-alignment-implies-size-change-003.html
grid-alignment-implies-size-change-004.html
grid-alignment-implies-size-change-005.html
grid-alignment-implies-size-change-006.html
grid-alignment-implies-size-change-007.html
grid-alignment-implies-size-change-008.html
grid-alignment-implies-size-change-009.html
grid-alignment-implies-size-change-010.html
grid-alignment-implies-size-change-011.html
grid-alignment-implies-size-change-012.html
grid-alignment-implies-size-change-013.html
grid-alignment-implies-size-change-014.html
grid-alignment-implies-size-change-015.html
grid-alignment-implies-size-change-016.html
grid-alignment-implies-size-change-017.html
grid-alignment-implies-size-change-018.html
grid-alignment-implies-size-change-019.html
grid-alignment-implies-size-change-020.html
grid-alignment-implies-size-change-021.html
grid-alignment-implies-size-change-022.html
grid-alignment-implies-size-change-023.html
grid-alignment-implies-size-change-024.html
grid-alignment-implies-size-change-025.html
grid-alignment-implies-size-change-026.html
grid-alignment-implies-size-change-027.html
grid-alignment-implies-size-change-028.html
grid-alignment-implies-size-change-029.html
grid-alignment-implies-size-change-030.html
grid-alignment-implies-size-change-031.html
grid-alignment-implies-size-change-032.html
grid-alignment-implies-size-change-033.html
grid-alignment-implies-size-change-034.html
grid-alignment-implies-size-change-035.html
grid-alignment-implies-size-change-036.html
grid-alignment-style-changes-001.html
grid-alignment-style-changes-002.html
grid-alignment-style-changes-003.html
grid-alignment-style-changes-004.html
grid-alignment-style-changes-005.html
grid-alignment-style-changes-006.html
grid-alignment-style-changes-007.html
grid-alignment-style-changes-008.html
grid-baseline-001.html
grid-baseline-002.html
grid-baseline-003.html
grid-baseline-004.html
grid-baseline-align-001.html
grid-baseline-align-cycles-001.html
grid-baseline-justify-001.html
grid-block-axis-alignment-auto-margins-001.html
grid-block-axis-alignment-auto-margins-002.html
grid-block-axis-alignment-auto-margins-003.html
grid-block-axis-alignment-auto-margins-004.html
grid-block-axis-alignment-auto-margins-005.html
grid-block-axis-alignment-auto-margins-006.html
grid-block-axis-alignment-auto-margins-007.html
grid-block-axis-alignment-auto-margins-008.html
grid-column-axis-alignment-positioned-items-001.html
grid-column-axis-alignment-positioned-items-002.html
grid-column-axis-alignment-positioned-items-003.html
grid-column-axis-alignment-positioned-items-004.html
grid-column-axis-alignment-positioned-items-005.html
grid-column-axis-alignment-positioned-items-006.html
grid-column-axis-alignment-positioned-items-007.html
grid-column-axis-alignment-positioned-items-008.html
grid-column-axis-alignment-positioned-items-009.html
grid-column-axis-alignment-positioned-items-010.html
grid-column-axis-alignment-positioned-items-011.html
grid-column-axis-alignment-positioned-items-012.html
grid-column-axis-alignment-positioned-items-013.html
grid-column-axis-alignment-positioned-items-014.html
grid-column-axis-alignment-positioned-items-015.html
grid-column-axis-alignment-positioned-items-016.html
grid-column-axis-alignment-positioned-items-017.html
grid-column-axis-alignment-sticky-positioned-items-001.html
grid-column-axis-alignment-sticky-positioned-items-002.html
grid-column-axis-self-baseline-synthesized-001.html
grid-column-axis-self-baseline-synthesized-002.html
grid-column-axis-self-baseline-synthesized-003.html
grid-column-axis-self-baseline-synthesized-004.html
grid-column-axis-self-baseline-synthesized-005.html
grid-container-auto-margins-scrollbars-001.html
grid-container-baseline-001.html
grid-content-alignment-and-self-alignment-001.html
grid-content-alignment-and-self-alignment-002.html
grid-content-alignment-auto-sized-tracks-001.html
grid-content-alignment-overflow-001.html
grid-content-alignment-overflow-002.html
grid-content-alignment-second-pass-001.html
grid-content-alignment-second-pass-002.html
grid-content-alignment-with-abspos-001.html
grid-content-alignment-with-span-001.html
grid-content-alignment-with-span-vertical-lr-001.html
grid-content-alignment-with-span-vertical-rl-001.html
grid-content-distribution-001.html
grid-content-distribution-002.html
grid-content-distribution-003.html
grid-content-distribution-004.html
grid-content-distribution-005.html
grid-content-distribution-006.html
grid-content-distribution-007.html
grid-content-distribution-008.html
grid-content-distribution-009.html
grid-content-distribution-010.html
grid-content-distribution-011.html
grid-content-distribution-012.html
grid-content-distribution-013.html
grid-content-distribution-014.html
grid-content-distribution-015.html
grid-content-distribution-016.html
grid-content-distribution-017.html
grid-content-distribution-018.html
grid-content-distribution-019.html
grid-content-distribution-020.html
grid-content-distribution-021.html
grid-content-distribution-022.html
grid-content-distribution-023.html
grid-content-distribution-024.html
grid-content-distribution-025.html
grid-content-distribution-026.html
grid-content-distribution-027.html
grid-content-distribution-028.html
grid-content-distribution-with-collapsed-tracks-001.html
grid-content-distribution-with-collapsed-tracks-002.html
grid-content-distribution-with-collapsed-tracks-003.html
grid-content-distribution-with-collapsed-tracks-004.html
grid-content-distribution-with-collapsed-tracks-005.html
grid-content-distribution-with-collapsed-tracks-006.html
grid-content-distribution-with-collapsed-tracks-007.html
grid-content-distribution-with-collapsed-tracks-008.html
grid-content-distribution-with-collapsed-tracks-009.html
grid-content-distribution-with-collapsed-tracks-010.html
grid-content-distribution-with-collapsed-tracks-011.html
grid-content-distribution-with-collapsed-tracks-012.html
grid-content-distribution-with-collapsed-tracks-013.html
grid-content-distribution-with-collapsed-tracks-014.html
grid-content-distribution-with-collapsed-tracks-015.html
grid-content-distribution-with-collapsed-tracks-016.html
grid-content-distribution-with-collapsed-tracks-017.html
grid-content-distribution-with-collapsed-tracks-018.html
grid-content-distribution-with-collapsed-tracks-019.html
grid-content-distribution-with-collapsed-tracks-020.html
grid-content-distribution-with-collapsed-tracks-021.html
grid-content-distribution-with-collapsed-tracks-022.html
grid-content-distribution-with-collapsed-tracks-023.html
grid-content-distribution-with-collapsed-tracks-024.html
grid-fit-content-tracks-dont-stretch-001.html
grid-gutters-001.html
grid-gutters-002.html
grid-gutters-003.html
grid-gutters-004.html
grid-gutters-005.html
grid-gutters-006.html
grid-gutters-007.html
grid-gutters-008.html
grid-gutters-009.html
grid-gutters-010.html
grid-gutters-011.html
grid-gutters-012.html
grid-gutters-013.html
grid-gutters-014-ref.html
grid-gutters-014.html
grid-gutters-015-ref.html
grid-gutters-015.html
grid-gutters-016-ref.html
grid-gutters-016.html
grid-gutters-and-alignment.html
grid-inline-axis-alignment-auto-margins-001.html
grid-inline-axis-alignment-auto-margins-002.html
grid-inline-axis-alignment-auto-margins-003.html
grid-inline-axis-alignment-auto-margins-004.html
grid-inline-axis-alignment-auto-margins-005.html
grid-inline-axis-alignment-auto-margins-006.html
grid-inline-axis-alignment-auto-margins-007.html
grid-inline-axis-alignment-auto-margins-008.html
grid-inline-baseline.html
grid-item-alignment-with-orthogonal-flows-vertical-lr.html
grid-item-alignment-with-orthogonal-flows-vertical-rl.html
grid-item-alignment-with-orthogonal-flows.html
grid-item-aspect-ratio-stretch-1-ref.html
grid-item-aspect-ratio-stretch-1.html
grid-item-aspect-ratio-stretch-2-ref.html
grid-item-aspect-ratio-stretch-2.html
grid-item-aspect-ratio-stretch-3-ref.html
grid-item-aspect-ratio-stretch-3.html
grid-item-aspect-ratio-stretch-4-ref.html
grid-item-aspect-ratio-stretch-4.html
grid-item-auto-margins-001.html
grid-item-auto-margins-002.html
grid-item-auto-margins-alignment-vertical-lr.html
grid-item-auto-margins-alignment-vertical-rl.html
grid-item-auto-margins-alignment.html
grid-item-content-baseline-001-ref.html
grid-item-content-baseline-001.html
grid-item-content-baseline-002-ref.html
grid-item-content-baseline-002.html
grid-item-content-baseline-003-ref.html
grid-item-content-baseline-003.html
grid-item-content-baseline-004-ref.html
grid-item-content-baseline-004.html
grid-item-mixed-baseline-001-ref.html
grid-item-mixed-baseline-001.html
grid-item-mixed-baseline-002-ref.html
grid-item-mixed-baseline-002.html
grid-item-mixed-baseline-003-ref.html
grid-item-mixed-baseline-003.html
grid-item-mixed-baseline-004-ref.html
grid-item-mixed-baseline-004.html
grid-item-no-aspect-ratio-stretch-1-ref.html
grid-item-no-aspect-ratio-stretch-1.html
grid-item-no-aspect-ratio-stretch-2-ref.html
grid-item-no-aspect-ratio-stretch-2.html
grid-item-no-aspect-ratio-stretch-3-ref.html
grid-item-no-aspect-ratio-stretch-3.html
grid-item-no-aspect-ratio-stretch-4-ref.html
grid-item-no-aspect-ratio-stretch-4.html
grid-item-no-aspect-ratio-stretch-5-ref.html
grid-item-no-aspect-ratio-stretch-5.html
grid-item-no-aspect-ratio-stretch-6-ref.html
grid-item-no-aspect-ratio-stretch-6.html
grid-item-self-baseline-001-ref.html
grid-item-self-baseline-001.html
grid-justify-baseline-001-ref.html
grid-justify-baseline-001.html
grid-justify-baseline-002.html
grid-justify-baseline-003.html
grid-justify-baseline-004.html
grid-justify-baseline-005.html
grid-place-content-001.html
grid-row-axis-alignment-positioned-items-001.html
grid-row-axis-alignment-positioned-items-002.html
grid-row-axis-alignment-positioned-items-003.html
grid-row-axis-alignment-positioned-items-004.html
grid-row-axis-alignment-positioned-items-005.html
grid-row-axis-alignment-positioned-items-006.html
grid-row-axis-alignment-positioned-items-007.html
grid-row-axis-alignment-positioned-items-008.html
grid-row-axis-alignment-positioned-items-009.html
grid-row-axis-alignment-positioned-items-010.html
grid-row-axis-alignment-positioned-items-011.html
grid-row-axis-alignment-positioned-items-012.html
grid-row-axis-alignment-positioned-items-013.html
grid-row-axis-alignment-positioned-items-014.html
grid-row-axis-alignment-positioned-items-015.html
grid-row-axis-alignment-positioned-items-016.html
grid-row-axis-alignment-positioned-items-017.html
grid-row-axis-alignment-sticky-positioned-items-001.html
grid-row-axis-alignment-sticky-positioned-items-002.html
grid-row-axis-self-baseline-synthesized-001.html
grid-row-axis-self-baseline-synthesized-002.html
grid-row-axis-self-baseline-synthesized-003.html
grid-row-axis-self-baseline-synthesized-004.html
grid-row-axis-self-baseline-synthesized-005.html
grid-self-alignment-baseline-with-grid-001-ref.html
grid-self-alignment-baseline-with-grid-001.html
grid-self-alignment-baseline-with-grid-002.html
grid-self-alignment-baseline-with-grid-003.html
grid-self-alignment-baseline-with-grid-004.html
grid-self-alignment-non-static-positioned-items-001.html
grid-self-alignment-non-static-positioned-items-002.html
grid-self-alignment-non-static-positioned-items-003.html
grid-self-alignment-non-static-positioned-items-004.html
grid-self-alignment-non-static-positioned-items-005.html
grid-self-alignment-non-static-positioned-items-006.html
grid-self-alignment-non-static-positioned-items-007.html
grid-self-alignment-non-static-positioned-items-008.html
grid-self-alignment-non-static-positioned-items-009.html
grid-self-alignment-non-static-positioned-items-010.html
grid-self-alignment-non-static-positioned-items-011.html
grid-self-alignment-non-static-positioned-items-012.html
grid-self-alignment-positioned-items-with-margin-border-padding-001.html
grid-self-alignment-positioned-items-with-margin-border-padding-002.html
grid-self-alignment-positioned-items-with-margin-border-padding-003.html
grid-self-alignment-positioned-items-with-margin-border-padding-004.html
grid-self-alignment-positioned-items-with-margin-border-padding-005.html
grid-self-alignment-positioned-items-with-margin-border-padding-006.html
grid-self-alignment-positioned-items-with-margin-border-padding-007.html
grid-self-alignment-positioned-items-with-margin-border-padding-008.html
grid-self-alignment-positioned-items-with-margin-border-padding-009.html
grid-self-alignment-positioned-items-with-margin-border-padding-010.html
grid-self-alignment-positioned-items-with-margin-border-padding-011.html
grid-self-alignment-positioned-items-with-margin-border-padding-012.html
grid-self-alignment-positioned-items-with-margin-border-padding-013.html
grid-self-alignment-positioned-items-with-margin-border-padding-014.html
grid-self-alignment-positioned-items-with-margin-border-padding-015.html
grid-self-alignment-positioned-items-with-margin-border-padding-016.html
grid-self-alignment-stretch-001.html
grid-self-alignment-stretch-002.html
grid-self-alignment-stretch-003.html
grid-self-alignment-stretch-004.html
grid-self-alignment-stretch-005.html
grid-self-alignment-stretch-006.html
grid-self-alignment-stretch-007.html
grid-self-alignment-stretch-008.html
grid-self-alignment-stretch-009.html
grid-self-alignment-stretch-010.html
grid-self-alignment-stretch-011.html
grid-self-alignment-stretch-012.html
grid-self-alignment-stretch-013.html
grid-self-alignment-stretch-014.html
grid-self-alignment-stretch-015.html
grid-self-alignment-stretch-016.html
grid-self-alignment-stretch-input-range-ref.html
grid-self-alignment-stretch-input-range.html
grid-self-alignment-stretch-vertical-lr-001.html
grid-self-alignment-stretch-vertical-lr-002.html
grid-self-alignment-stretch-vertical-lr-003.html
grid-self-alignment-stretch-vertical-lr-004.html
grid-self-alignment-stretch-vertical-lr-005.html
grid-self-alignment-stretch-vertical-lr-006.html
grid-self-alignment-stretch-vertical-lr-007.html
grid-self-alignment-stretch-vertical-lr-008.html
grid-self-alignment-stretch-vertical-lr-009.html
grid-self-alignment-stretch-vertical-lr-010.html
grid-self-alignment-stretch-vertical-lr-011.html
grid-self-alignment-stretch-vertical-lr-012.html
grid-self-alignment-stretch-vertical-lr-013.html
grid-self-alignment-stretch-vertical-lr-014.html
grid-self-alignment-stretch-vertical-lr-015.html
grid-self-alignment-stretch-vertical-lr-016.html
grid-self-alignment-stretch-vertical-rl-001.html
grid-self-alignment-stretch-vertical-rl-002.html
grid-self-alignment-stretch-vertical-rl-003.html
grid-self-alignment-stretch-vertical-rl-004.html
grid-self-alignment-stretch-vertical-rl-005.html
grid-self-alignment-stretch-vertical-rl-006.html
grid-self-alignment-stretch-vertical-rl-007.html
grid-self-alignment-stretch-vertical-rl-008.html
grid-self-alignment-stretch-vertical-rl-009.html
grid-self-alignment-stretch-vertical-rl-010.html
grid-self-alignment-stretch-vertical-rl-011.html
grid-self-alignment-stretch-vertical-rl-012.html
grid-self-alignment-stretch-vertical-rl-013.html
grid-self-alignment-stretch-vertical-rl-014.html
grid-self-alignment-stretch-vertical-rl-015.html
grid-self-alignment-stretch-vertical-rl-016.html
grid-self-alignment.html
grid-self-baseline-not-applied-if-sizing-cyclic-dependency-001.html
grid-self-baseline-not-applied-if-sizing-cyclic-dependency-002.html
grid-self-baseline-not-applied-if-sizing-cyclic-dependency-003.html
replaced-alignment-with-aspect-ratio-001.html
replaced-alignment-with-aspect-ratio-002.html
replaced-alignment-with-aspect-ratio-003.tentative.html
replaced-alignment-with-aspect-ratio-004.html
replaced-alignment-with-aspect-ratio-005.html
replaced-alignment-with-aspect-ratio-006.html
replaced-alignment-with-aspect-ratio-007.html
replaced-alignment-with-aspect-ratio-008.html
replaced-alignment-with-aspect-ratio-009.html