Flex property missing after update WP 6.2

[roelmagdaleno]

Related to this issue WP 6.2 Update destroys flex-layouts in custom blocks (blockGap and align-items:center) #49502.

We can read the columns and social links block's code to see how WP Core does it.

[roelmagdaleno]

I discovered if the div that contains the inner blocks has a class then the layout classes will append to that div. So, remove the className, update the block and works again.

<div style={ { gap: gapValue } }>
   { innerBlocksProps.children }
</div>

[roelmagdaleno]

The blockGap setting didn't work properly, so I checked how the Group block is working and inside the block.json file the blockGap property is true instead of horizontal or vertical. It does the same within __experimentalDefaultControls setting.

Now the spacing property looks like this:

"spacing": {
	"margin": true,
	"padding": true,
	"blockGap": true,
	"__experimentalDefaultControls": {
		"padding": true,
		"blockGap": true
	}
}