Skip to content

Split #1865 (CSS Grid)#1887

Open
NickGerleman wants to merge 10 commits intofacebook:mainfrom
NickGerleman:export-D93959518
Open

Split #1865 (CSS Grid)#1887
NickGerleman wants to merge 10 commits intofacebook:mainfrom
NickGerleman:export-D93959518

Conversation

@NickGerleman
Copy link
Contributor

@NickGerleman NickGerleman commented Feb 21, 2026

Splits the PR, into separate commits, each passing tests in Meta monorepo.

@vercel
Copy link

vercel bot commented Feb 21, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
yoga-website Ready Ready Preview, Comment Feb 25, 2026 8:34am

Request Review

@meta-cla meta-cla bot added the CLA Signed label Feb 21, 2026
@meta-codesync
Copy link

meta-codesync bot commented Feb 21, 2026

@NickGerleman has exported this pull request. If you are a Meta employee, you can view the originating Diff in D93959518.

NickGerleman added a commit to NickGerleman/yoga that referenced this pull request Feb 22, 2026
Summary:
Pull Request resolved: facebook#1887

Add grid property support to the Yoga Playground website component.

Includes:
- Grid display mode support
- Grid template columns/rows properties
- Grid auto columns/rows properties
- Grid column/row start/end properties (including span support)
- Grid track value parsing (auto, fr, %, px, minmax)

Differential Revision: D93959518
NickGerleman added a commit to NickGerleman/yoga that referenced this pull request Feb 22, 2026
Summary:
Pull Request resolved: facebook#1887

Add grid property support to the Yoga Playground website component.

Includes:
- Grid display mode support
- Grid template columns/rows properties
- Grid auto columns/rows properties
- Grid column/row start/end properties (including span support)
- Grid track value parsing (auto, fr, %, px, minmax)

Differential Revision: D93959518
NickGerleman added a commit to NickGerleman/yoga that referenced this pull request Feb 22, 2026
Summary:
Pull Request resolved: facebook#1887

Add grid property support to the Yoga Playground website component.

Includes:
- Grid display mode support
- Grid template columns/rows properties
- Grid auto columns/rows properties
- Grid column/row start/end properties (including span support)
- Grid track value parsing (auto, fr, %, px, minmax)

Differential Revision: D93959518
NickGerleman and others added 10 commits February 24, 2026 23:58
Summary:
Add the foundational data types, enums, style properties, and C API for
expressing CSS Grid layouts in Yoga.

Includes:
- Grid style types (GridLine.h, GridTrack.h, GridTrackType.h)
- Updated enums (Display::Grid, Align::Start/End, Justify::Auto/Stretch/Start/End)
- Grid event (LayoutPassReason::kGridLayout)
- Style property accessors and member variables
- Public C API (YGGridTrackList.h/cpp, YGNodeStyle grid setters/getters)
- Layout helpers updated for new enum values (Align.h, AbsoluteLayout.cpp,
  CalculateLayout.cpp/h partial)
- Node.h: relativePosition made public
- React Native mirror of all C++ changes

Differential Revision: D93946262
Summary:
Add the core grid layout computation and integrate it into the layout
dispatcher.

Includes:
- AutoPlacement.h: auto-placement algorithm for grid items
- GridLayout.h/cpp: grid layout entry point
- TrackSizing.h: track sizing algorithm
- CalculateLayout.cpp: grid dispatch block and #include
- CMakeLists.txt: add algorithm/grid/*.cpp glob
- React Native mirror of all C++ changes

Differential Revision: D93946253
Summary:
Add grid layout benchmarks.

Includes:
- YGGridBenchmark.c: 14 benchmark scenarios
- benchmarkgrid: shell script to run benchmarks
- CMakeLists.txt: benchmarkgrid target

Differential Revision: D93946260
Summary:
Add hand-written C++ tests for the grid layout algorithm.

Includes:
- Hand-written tests: AutoPlacementTest.cpp, CreateGridTrackTest.cpp
- Modified existing tests: YGAlignBaselineTest.cpp (+3 grid baseline tests),
  YGHadOverflowTest.cpp (+1 grid overflow test)

Differential Revision: D93946259
Summary:
Add Java/Kotlin bindings for CSS Grid support. Includes grid API classes
(YogaGridTrackList, YogaGridTrackValue, YogaGridTrackType), JNI bridge
updates, enum changes (YogaDisplay, YogaAlign, YogaJustify).

Also includes React Native Android mirror of all Java/Kotlin changes.

Differential Revision: D93946256
Summary:
Add JavaScript/WASM bindings for CSS Grid support. Includes embind
bindings, TypeScript types (YGEnums.ts), Node wrapper updates
(wrapAssembly.ts).

Existing generated JS tests are updated to import GridTrackType.

Differential Revision: D93946255
Summary:
Update gentest scripts to support CSS Grid properties. Adds grid style
extraction, grid property setup, display:grid handling, and grid-aware
LTR/RTL fixture support to the C++, Java, and JavaScript test emitters.

Differential Revision: D93946258
Summary:
Add HTML fixture files for CSS Grid tests and generated test output for
C++, Java, and JavaScript.

Includes:
- HTML fixture files defining grid layout test cases
- Generated C++ tests (YGGridTest.cpp, YGGridTestFlows.cpp, ~150 individual test files)
- Generated Java tests (YGGridTest.java, YGGridTestFlows.java, ~150 individual test files)
- Generated JavaScript tests (YGGridTest.test.ts, YGGridTestFlows.test.ts, ~150 individual test files)

Differential Revision: D93946254
Summary:
Pull Request resolved: facebook#1887

Add grid property support to the Yoga Playground website component.

Includes:
- Grid display mode support
- Grid template columns/rows properties
- Grid auto columns/rows properties
- Grid column/row start/end properties (including span support)
- Grid track value parsing (auto, fr, %, px, minmax)

Differential Revision: D93959518
@NickGerleman NickGerleman changed the title CSS Grid 9/9: Yoga Playground grid property support Split #1865 (CSS Grid) Feb 25, 2026
intergalacticspacehighway pushed a commit to intergalacticspacehighway/yoga that referenced this pull request Feb 25, 2026
Summary:
Pull Request resolved: facebook#1887

Add grid property support to the Yoga Playground website component.

Includes:
- Grid display mode support
- Grid template columns/rows properties
- Grid auto columns/rows properties
- Grid column/row start/end properties (including span support)
- Grid track value parsing (auto, fr, %, px, minmax)

Differential Revision: D93959518
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant