servo/tests/wpt/meta/css/css-grid/grid-definition
Nico Burns fd20a5df42
layout(grid): implement named grid lines and areas (#38306)
### Changes made

This implements named grid lines (line names in `grid-template-*`),
named grid areas (`grid-template-areas`), and the ability to target
those using `grid-{row,column}-{start,end}`. It also includes a bunch of
miscelaneous fixes for `repeat(auto-fill | auto-fit, ...)` syntax as
that interacts with the specification of line names.

The actual layout implementation is in Taffy. The bulk of this PR is
updating Servo to translate (CSS Grid-related) Stylo types into Taffy
types using a new iterator-based API which uses iterators and lazy
translation for efficiency (which is more important now that we're
dealing with string data, even though they're `Atom`s).

### Testing

This functionality has lots of WPT tests. It fixes some seemingly random
CSS Grid tests that use named lines/areas even though that's not what
they're testing.

### Screenshots

wikipedia.org

<img width="1624" height="1056" alt="Screenshot 2025-07-27 at 20 03 16"
src="https://github.com/user-attachments/assets/2c50b96f-ae36-4405-ac48-b771bfdcb515"
/>

bbc.co.uk:

<img width="1624" height="1056" alt="Screenshot 2025-07-27 at 20 32 57"
src="https://github.com/user-attachments/assets/ba84e211-65d2-4411-95fb-7b9b91bea31c"
/>

theguardian.com:

<img width="1624" height="1056" alt="Screenshot 2025-07-27 at 20 33 29"
src="https://github.com/user-attachments/assets/e85daaa6-5fb0-45d4-b9ec-b22b38b087ec"
/>

---------

Signed-off-by: Nico Burns <nico@nicoburns.com>
2025-08-07 14:41:19 +00:00
..
flex-content-resolution-columns-001.html.ini
flex-content-resolution-columns-002.html.ini
flex-content-resolution-rows-001.html.ini
flex-content-resolution-rows-002.html.ini
flex-item-grid-container-auto-repeat-002.html.ini Update web-platform-tests to revision b'38623a53d6598cb7aab4be8a810102b352a652df' (#34622) 2024-12-15 03:52:07 +00:00
fr-unit.html.ini
grid-auto-fill-columns-001.html.ini layout(grid): implement named grid lines and areas (#38306) 2025-08-07 14:41:19 +00:00
grid-auto-fill-rows-001.html.ini layout(grid): implement named grid lines and areas (#38306) 2025-08-07 14:41:19 +00:00
grid-auto-fit-columns-001.html.ini layout(grid): implement named grid lines and areas (#38306) 2025-08-07 14:41:19 +00:00
grid-auto-fit-rows-001.html.ini layout(grid): implement named grid lines and areas (#38306) 2025-08-07 14:41:19 +00:00
grid-auto-repeat-aspect-ratio-001.html.ini
grid-auto-repeat-aspect-ratio-002.html.ini
grid-auto-repeat-dynamic-001.html.ini
grid-auto-repeat-dynamic-003.html.ini
grid-auto-repeat-intrinsic-001.html.ini
grid-auto-repeat-max-size-001.tentative.html.ini Partial implementation of keyword sizes for block layout (#34568) 2024-12-16 12:34:57 +00:00
grid-auto-repeat-max-size-002.html.ini Partial implementation of keyword sizes for block layout (#34568) 2024-12-16 12:34:57 +00:00
grid-change-fit-content-argument-001.html.ini
grid-change-intrinsic-size-with-auto-repeat-tracks-001.html.ini
grid-inline-support-flexible-lengths-001.html.ini layout: Require specific layout info in BoxFragment::new() (#37917) 2025-07-07 15:25:15 +00:00
grid-inline-support-grid-template-columns-rows-001.html.ini layout: Require specific layout info in BoxFragment::new() (#37917) 2025-07-07 15:25:15 +00:00
grid-inline-support-named-grid-lines-001.html.ini layout: Require specific layout info in BoxFragment::new() (#37917) 2025-07-07 15:25:15 +00:00
grid-inline-support-repeat-001.html.ini layout: Require specific layout info in BoxFragment::new() (#37917) 2025-07-07 15:25:15 +00:00
grid-inline-template-columns-rows-resolved-values-001.tentative.html.ini layout: Require specific layout info in BoxFragment::new() (#37917) 2025-07-07 15:25:15 +00:00
grid-minimum-contribution-with-percentages.html.ini layout: grid template getComputedStyle resolved value (#34885) 2025-01-09 10:49:27 +00:00
grid-percentage-rows-indefinite-height-001.html.ini
grid-percentage-rows-indefinite-height-002.html.ini
grid-repeat-max-width-001.html.ini layout(grid): implement named grid lines and areas (#38306) 2025-08-07 14:41:19 +00:00
grid-support-flexible-lengths-001.html.ini Bump taffy to v0.7.5 (#34927) 2025-01-10 14:08:09 +00:00
grid-support-grid-template-columns-rows-001.html.ini Bump taffy to v0.7.5 (#34927) 2025-01-10 14:08:09 +00:00
grid-support-named-grid-lines-001.html.ini Bump taffy to v0.7.5 (#34927) 2025-01-10 14:08:09 +00:00
grid-support-repeat-001.html.ini Bump taffy to v0.7.5 (#34927) 2025-01-10 14:08:09 +00:00
grid-template-columns-fit-content-001.html.ini
grid-template-columns-rows-changes-001.html.ini
grid-template-columns-rows-resolved-values-001.tentative.html.ini Bump taffy to v0.7.5 (#34927) 2025-01-10 14:08:09 +00:00
grid-template-rows-fit-content-001.html.ini