diff --git a/mailpoet/assets/js/src/email-editor/engine/blocks/core/group.tsx b/mailpoet/assets/js/src/email-editor/engine/blocks/core/group.tsx new file mode 100644 index 0000000000..a2ad5cc1be --- /dev/null +++ b/mailpoet/assets/js/src/email-editor/engine/blocks/core/group.tsx @@ -0,0 +1,25 @@ +import { addFilter } from '@wordpress/hooks'; + +/** + * Disables layout support for group blocks because the default layout `flex` add gaps between columns that it is not possible to support in emails. + */ +function disableGroupVariations() { + addFilter( + 'blocks.registerBlockType', + 'mailpoet-email-editor/disable-group-variations', + (settings, name) => { + if (name === 'core/group') { + // eslint-disable-next-line @typescript-eslint/no-unsafe-return + return { + ...settings, + variations: [], + }; + } + + // eslint-disable-next-line @typescript-eslint/no-unsafe-return + return settings; + }, + ); +} + +export { disableGroupVariations }; diff --git a/mailpoet/assets/js/src/email-editor/engine/blocks/index.ts b/mailpoet/assets/js/src/email-editor/engine/blocks/index.ts index bae8c6c33b..5b7ea58480 100644 --- a/mailpoet/assets/js/src/email-editor/engine/blocks/index.ts +++ b/mailpoet/assets/js/src/email-editor/engine/blocks/index.ts @@ -6,6 +6,7 @@ import { enhanceColumnsBlock, } from './core/columns'; import { enhancePostContentBlock } from './core/post-content'; +import { disableGroupVariations } from './core/group'; import { disableImageFilter, hideExpandOnClick } from './core/image'; import { disableCertainRichTextFormats } from './core/rich-text'; import { enhanceButtonBlock } from './core/button'; @@ -18,6 +19,7 @@ export function initBlocks() { disableImageFilter(); disableCertainRichTextFormats(); disableColumnsLayout(); + disableGroupVariations(); enhanceButtonBlock(); enhanceButtonsBlock(); enhanceColumnBlock();