Block API: add blockGap support when skipping spacing serialization #70327
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What?
Closes #63163
This PR adds support for
blockGap
when usingsupports.spacing.__experimentalSkipSerialisation
in theblock.json
.Why?
Currently there exists support for
margin
andpadding
butblockGap
is not supported. This PR adds support for that.How?
This PR adds
gap.ts
atpackages/style-engine/src/styles/spacing/gap.ts
.The implementation is similar to the implementation for the
padding
andmargin
.Testing Instructions
Create/edit a block.
block.json
, setsupports.spacing.__experimentalSkipSerialisation
to true.import { __experimentalGetSpacingClassesAndStyles as useSpacingProps } from '@wordpress/block-editor';
.const spacingProps = useSpacingProps( attributes );
Screenshots or screencast
Before:
Screen.Recording.2025-06-05.at.11.11.42.AM.mov
After:
Screen.Recording.2025-06-05.at.11.12.41.AM.mov