block.json: supports > layout > allowJustification set to false doesn't hide the Justification settings UI

[danieldudzic]

Description

In block.json setting the allowJustification to false in the following way:

{
	"supports": {
		"layout": {
			"default": {
				"type": "flex"
			},
			"allowVerticalAlignment": true,
			"allowJustification": false,
			"allowOrientation": false,
			"allowInheriting": false
		}
	}
}

Doesn't result in a hidden Justification settings UI:

Step-by-step reproduction instructions

Add layout support to any block in the following way:

{
	"supports": {
		"layout": {
			"default": {
				"type": "flex"
			},
			"allowVerticalAlignment": true,
			"allowJustification": false,
			"allowOrientation": false,
			"allowInheriting": false
		}
	}
}

Note the Justification settings UI is present in the Block settings sidebar.

Screenshots, screen recording, code snippet

No response

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[github-actions]

Hi,
This issue has gone 30 days without any activity. This means it is time for a check-in to make sure it is still relevant. If you are still experiencing this issue with the latest versions, you can help the project by responding to confirm the problem and by providing any updated reproduction steps.
Thanks for helping out.

[jeremylind]

I think this is either an issue with layouts, or with the block.json schema documentation. The block.json schema says of the allowJustification layout support setting: "For the flex layout type, determines display of justification controls in the block toolbar and block sidebar. For the constrained layout type, determines display of justification control in the block sidebar."

It looks like this block supports setting is only ever read for the constrained layout type though. See

gutenberg/packages/block-editor/src/layouts/constrained.js

Line 40 in 47b7afb

allowJustification = true,

and

gutenberg/packages/block-editor/src/layouts/constrained.js

Line 125 in 47b7afb

{ allowJustification && (

. No similar check exists for the flex layout type, even though the schema documentation implies that it does.

[brnhrst]

I can confirm that setting allowJustification: false in a block.json currently (WP 6.5 RC1) has no effect on the tools in the editor if the layout type is flex.