-
Notifications
You must be signed in to change notification settings - Fork 4.7k
Closed
Labels
[Type] EnhancementA suggestion for improvement.A suggestion for improvement.
Description
Summary
The Grid block currently doesn't support a way to adjust the gap between grid cells. Block spacing (gap) exists and works for Grid, but the control lives under Styles → Dimensions, so it's easy to miss and doesn't match where users look when editing a grid (Layout: columns, rows, minimum column width, etc.).
This issue asks for a Gap width (or equivalent block spacing) control to be exposed in the Layout panel when the selected block is a Grid layout, so gap is adjustable next to other grid options.
Current behavior
- Group block → Layout type: Grid.
- Layout panel shows: layout type (Stack / Row / Grid), Grid item position, Columns (and related grid options). No gap control.
- Block spacing (gap) is under Styles → Dimensions, so users have to leave the Layout context to change gap.
Desired behavior
- When Layout type is Grid, the Layout panel should include a Gap width (or "Block spacing") control (single value and/or row/column split, consistent with other layout blocks).
- Same
style.spacing.blockGapattribute and Core layout support; only the placement of the control changes (Layout panel instead of Dimensions for this layout type).
Why this belongs in Core
- Discoverability: For Grid, gap is a layout concern. Users expect to set columns, rows, and gap in one place (Layout), not gap under Dimensions.
- Consistency: Row/Stack and other layout types already surface spacing in the layout flow; Grid is the odd one out.
- Real usage: Grid is used for card layouts, icon grids, etc.; gap is essential and is currently hard to find.
Related issues
- Unify layout-related controls under the same panel #47902 — Unify layout-related controls under the same panel (moving block spacing into Layout in general). This issue is the Grid-specific ask: ensure Grid's Layout panel includes gap.
- Grid: Difficult to adjust block spacing #64285 — Grid: Difficult to adjust block spacing (closed as duplicate of Unify layout-related controls under the same panel #47902). Same problem; this issue restates it as "add the control to Grid's Layout panel."
- Grid Layout Improvements #57478 — Grid Layout Improvements (tracking). Fits under "Layout panel / controls" improvements for Grid.
- Add alignment controls to grid layout #62895 — Add alignment controls to grid layout. Same panel (Layout) and same goal of making Grid's Layout panel complete.
Screenshots / Gist
Gist of the concept: https://gist.github.com/mathetos/ce960a5e891f68392e18293f25327739
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
[Type] EnhancementA suggestion for improvement.A suggestion for improvement.
Type
Fields
Give feedbackNo fields configured for issues without a type.
