Complex grid layout improvements requiring deep understanding of WordPress block editor architecture.
This issue involves significant improvements to the Grid layout system in WordPress, including drag-and-drop functionality and responsive behavior. It requires coordination with multiple maintainers and touches core layout systems. Several PRs are already in progress but major architectural considerations remain.
Part of Design Tools overview and Layout improvements.
The Grid layout type shipped in WP 6.3 and in WP 6.6 a new Grid variation for the Group block was stabilised, along with support for grid children spanning multiple columns and rows, and on-canvas resize handles.
Under Gutenberg > Experiements, enable "Grid interactivity".
When a Grid block is set to Manual mode (in the block sidebar under Layout), it's now possible to drag and drop blocks into specific grid cells, as well as moving them up, down, left and right with the movers:
https://github.com/WordPress/gutenberg/assets/8096000/afe0fee0-375d-499e-8513-115a0192f843
rem; switching between units causes layoutClaim this issue to let others know you're working on it. You'll earn 40 points when you complete it!