Can't create a card Block Variation for the Group Block

[silaskoehler]

Description

I try to register a BlockVariation like so:

registerBlockVariation( 'core/group', {
	name: 'card',
	title: 'Karte',
	description: 'Style Group as a Card',
	attributes: {
		anchor: 'is-card',
	},
	isActive: [ 'anchor' ],
} );

I can insert the variation in the editor, but it is not active after I insert it.

My guess was that there might be a conflict with the default group:variation.

gutenberg/packages/block-library/src/group/variations.js

Lines 62 to 73 in b54d1fe

	name: 'group',
	title: __( 'Group' ),
	description: __( 'Gather blocks in a container.' ),
	attributes: { layout: { type: 'constrained' } },
	isDefault: true,
	scope: [ 'block', 'inserter', 'transform' ],
	isActive: ( blockAttributes ) =>
	! blockAttributes.layout ||
	! blockAttributes.layout?.type ||
	blockAttributes.layout?.type === 'default' ||
	blockAttributes.layout?.type === 'constrained',
	icon: group,

So i try to give a stronger isActive specification, but it does not work for me.

registerBlockVariation( 'core/group', {
	name: 'card',
	title: 'Card' ,
	description:  'Style Group as a Card',
	attributes: { layout: { type: 'constrained', className: 'is-card' } },
	isActive: ( blockAttributes ) =>
		blockAttributes.className === 'is-card' &&
		( ! blockAttributes.layout ||
			! blockAttributes.layout?.type ||
			blockAttributes.layout?.type === 'default' ||
			blockAttributes.layout?.type === 'constrained' ),
} );

Do i miss something?

Step-by-step reproduction instructions

1. register a block variation with registerBlockVariation and try to override the default group block variation.

Screenshots, screen recording, code snippet

Environment info

• WordPress Studio
• WordPress 6.7 with default theme
• Chrome Browser

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

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure

[talldan]

So i try to give a stronger isActive specification, but it does not work for me.

I think your hunch is right given the variation works, but it doesn't show as active.

It sounds like the same issue as #41303, which was partially fixed I think, but I don't know much about it. It might be worth reading through the issue and the related PR - #62031.

Let me know if it's the same and I can close this issue as a duplicate.

[silaskoehler]

Thank you for your quick response, and apologies for not finding the other one. #41303 is exactly my issue. Perhaps we could add the "variations" label to the other one. Please feel free to close this one as a duplicate.

[t-hamano]

Thanks for the report. Let's close this issue and continue the discussion in #41303.