wpt / css / css-grid / grid-lanes / tentative / parsing / grid-subgridded-to-grid-lanes / grid-lanes-row-subgrid-computed.html

Status: FAIL | Duration: 56ms | Subtests: 0/14 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (0/14)

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

SubtestStatusMessage
Property grid-template-rows value 'subgrid'FAILassert_true: 'subgrid' is a supported value for grid-template-rows. expected true got false
Property grid-template-rows value 'subgrid [a]'FAILassert_true: 'subgrid [a]' is a supported value for grid-template-rows. expected true got false
Property grid-template-rows value 'subgrid [a] [b]'FAILassert_true: 'subgrid [a] [b]' is a supported value for grid-template-rows. expected true got false
Property grid-template-rows value 'subgrid [a] [] [b]'FAILassert_true: 'subgrid [a] [] [b]' is a supported value for grid-template-rows. expected true got false
Property grid-template-rows value 'subgrid repeat(auto-fill, [a])'FAILassert_true: 'subgrid repeat(auto-fill, [a])' is a supported value for grid-template-rows. expected true got false
Property grid-template-rows value 'subgrid repeat(2, [a] [b])'FAILassert_true: 'subgrid repeat(2, [a] [b])' is a supported value for grid-template-rows. expected true got false
Property grid-template-rows value 'subgrid [a] repeat(auto-fill, [b]) [c]'FAILassert_true: 'subgrid [a] repeat(auto-fill, [b]) [c]' is a supported value for grid-template-rows. expected true got false
Property grid-template-columns value 'subgrid'FAILassert_true: 'subgrid' is a supported value for grid-template-columns. expected true got false
Property grid-template-columns value 'subgrid [a]'FAILassert_true: 'subgrid [a]' is a supported value for grid-template-columns. expected true got false
Property grid-template-columns value 'subgrid [a] [b]'FAILassert_true: 'subgrid [a] [b]' is a supported value for grid-template-columns. expected true got false
Property grid-template-columns value 'subgrid [a] [] [b]'FAILassert_true: 'subgrid [a] [] [b]' is a supported value for grid-template-columns. expected true got false
Property grid-template-columns value 'subgrid repeat(auto-fill, [a])'FAILassert_true: 'subgrid repeat(auto-fill, [a])' is a supported value for grid-template-columns. expected true got false
Property grid-template-columns value 'subgrid repeat(2, [a] [b])'FAILassert_true: 'subgrid repeat(2, [a] [b])' is a supported value for grid-template-columns. expected true got false
Property grid-template-columns value 'subgrid [a] repeat(auto-fill, [b]) [c]'FAILassert_true: 'subgrid [a] repeat(auto-fill, [b]) [c]' is a supported value for grid-template-columns. expected true got false

/css/css-grid/grid-lanes/tentative/parsing/grid-subgridded-to-grid-lanes/grid-lanes-row-subgrid-computed.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>CSS Grid Lanes Test: grid-template-{columns,rows}: subgrid computed value in a row-direction grid-lanes</title>
  <link rel="author" title="Alison Maher" href="mailto:almaher@microsoft.com">
  <link rel="help" href="https://drafts.csswg.org/css-grid-3/#subgrids">
  <meta name="assert" content="In a row-direction grid-lanes, the lanes axis (rows) accepts `subgrid` on a child grid container and preserves the syntax in the resolved value. The standalone axis (columns) cannot be subgridded, so `subgrid` on grid-template-columns resolves to the initial value `none`.">
  <script src="/resources/testharness.js"></script>
  <script src="/resources/testharnessreport.js"></script>
  <script src="/css/support/computed-testcommon.js"></script>
  <style>
    #parent {
      display: grid-lanes;
      grid-lanes-direction: row;
      grid-auto-flow: column;
      grid-template-rows: repeat(2, 100px);
    }
    #target {
      display: grid;
      grid-row: 1 / span 2;
    }
  </style>
</head>
<body>
  <div id="parent">
    <div id="target"></div>
  </div>
  <script>
    // grid-template-rows: subgrid (subgridded into the lanes axis).
    // Resolved value preserves the subgrid syntax, expanded to one line
    // name set per grid line (3 lines for a span-2 subgrid).
    test_computed_value("grid-template-rows", "subgrid", "subgrid [] [] []");
    test_computed_value("grid-template-rows", "subgrid [a]", "subgrid [a] [] []");
    test_computed_value("grid-template-rows", "subgrid [a] [b]", "subgrid [a] [b] []");
    test_computed_value("grid-template-rows", "subgrid [a] [] [b]");
    test_computed_value("grid-template-rows", "subgrid repeat(auto-fill, [a])", "subgrid [a] [a] [a]");
    test_computed_value("grid-template-rows", "subgrid repeat(2, [a] [b])", "subgrid [a] [b] [a]");
    test_computed_value("grid-template-rows", "subgrid [a] repeat(auto-fill, [b]) [c]", "subgrid [a] [b] [c]");

    // grid-template-columns: subgrid (subgridded into the standalone axis).
    // The standalone axis of a grid-lanes container is treated as auto-sized,
    // so subgrid in this direction is ignored and the computed value resolves
    // to the initial value `none`.
    test_computed_value("grid-template-columns", "subgrid", "none");
    test_computed_value("grid-template-columns", "subgrid [a]", "none");
    test_computed_value("grid-template-columns", "subgrid [a] [b]", "none");
    test_computed_value("grid-template-columns", "subgrid [a] [] [b]", "none");
    test_computed_value("grid-template-columns", "subgrid repeat(auto-fill, [a])", "none");
    test_computed_value("grid-template-columns", "subgrid repeat(2, [a] [b])", "none");
    test_computed_value("grid-template-columns", "subgrid [a] repeat(auto-fill, [b]) [c]", "none");
  </script>
</body>
</html>