Skip to content

CSS Grid 2/8: Grid layout algorithm#1886

Closed
NickGerleman wants to merge 2 commits into
react:mainfrom
NickGerleman:export-D93946253
Closed

CSS Grid 2/8: Grid layout algorithm#1886
NickGerleman wants to merge 2 commits into
react:mainfrom
NickGerleman:export-D93946253

Conversation

@NickGerleman

Copy link
Copy Markdown
Contributor

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

@vercel

vercel Bot commented Feb 21, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
yoga-website Ready Ready Preview, Comment Feb 22, 2026 11:14am

Request Review

@meta-codesync

meta-codesync Bot commented Feb 21, 2026

Copy link
Copy Markdown

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

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
NickGerleman added a commit to NickGerleman/yoga that referenced this pull request Feb 22, 2026
Summary:
Pull Request resolved: react#1886

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
NickGerleman added a commit to NickGerleman/yoga that referenced this pull request Feb 22, 2026
Summary:
Pull Request resolved: react#1886

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
NickGerleman added a commit to NickGerleman/react-native that referenced this pull request Feb 22, 2026
Summary:
X-link: react/yoga#1886

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
NickGerleman added a commit to NickGerleman/react-native that referenced this pull request Feb 22, 2026
Summary:
Pull Request resolved: react#55670

X-link: react/yoga#1886

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:
X-link: react/react-native#55670

Pull Request resolved: react#1886

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
NickGerleman added a commit to NickGerleman/react-native that referenced this pull request Feb 22, 2026
Summary:
Pull Request resolved: react#55670

X-link: react/yoga#1886

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
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