diff --git a/src/block/icon-list-item/index.js b/src/block/icon-list-item/index.js index ce8886c3f..496734572 100644 --- a/src/block/icon-list-item/index.js +++ b/src/block/icon-list-item/index.js @@ -20,6 +20,8 @@ export const settings = { supports: { anchor: true, __experimentalSelector: 'li', + reusable: false, + stkSaveBlockStyle: false, }, example, edit, diff --git a/src/hooks/use-saved-default-block-style.js b/src/hooks/use-saved-default-block-style.js index b7e9a614e..f6007390c 100644 --- a/src/hooks/use-saved-default-block-style.js +++ b/src/hooks/use-saved-default-block-style.js @@ -91,7 +91,9 @@ export const useSavedDefaultBlockStyle = blockProps => { } ) // Create and apply the innerBlocks. - if ( blockData.innerBlocks?.length ) { + // Do not do this for icon lists because it causes an error on transform. + // The icon list inner blocks are created by the icon list block itself. See src/blocks/icon-list/transforms.js + if ( blockData.innerBlocks?.length && name !== 'stackable/icon-list' ) { const innerBlocks = createBlocksFromInnerBlocksTemplate( blockData.innerBlocks ) // We need to add unique Ids to prevent the default styles from getting applied. recursivelyAddUniqueIdToInnerBlocks( innerBlocks )