Gutenberg: Reusable Blocks: Convert to Regular Block does not preserve nested blocks

Created on 23 Aug 2018  路  6Comments  路  Source: WordPress/gutenberg

The issue

If you save a block containing nested blocks as a Reusable Block, then it works just fine as a Reusable Block. But if you try to convert an instance of that Reusable Block to a regular block, then the resulting regular block will not contain any of the nested blocks that the Reusable Block had.

Steps to reproduce

  1. Insert a Columns block.
  2. Insert some other block into the Columns block.
  3. Open the ellipsis (More Options) menu and choose Add to Reusable Blocks.
  4. Finish naming and saving the Reusable Block.
  5. Notice that the nested blocks are saved in the Reusable Block as expected.
  6. Open the ellipsis menu again and choose Convert to Regular Block.
  7. Notice that the nested blocks are gone.

Expected behavior

Reusable blocks should preserve nested blocks when an instance is converted to a regular block.

Related issues and PRs

  • #5754
  • #7453
  • #8375
[Feature] Nested / Inner Blocks [Feature] Reusable Blocks [Type] Bug

All 6 comments

Tested and confirmed using WordPress 4.9.8 and Gutenberg 3.6.2 and noting that in my case the blocks were preserved but the content inside them was not. (39s)

Is anyone working on a fix for this? The issue also occurs when using the Atomic Blocks plugin's AB Container block. I would like to create reusable sections (ex: image with heading, paragraph, and button) that clients could drop onto a page and then edit the content, similar to how the Divi library works. The only workaround for now is to copy the HTML for the nested blocks, paste into an HTML block and then Convert to Blocks - obviously not ideal for users who are afraid of code.

@asadrahbar with 3.9 you will be able to create reusable blocks containing multiple blocks without a section block, hopefully someone will pick this issue up soon since that feature goes from being amazing to pretty useless with this bug present

I'm also experiencing the same issue :/ Learned the hard way.

Likely the same root cause as #5754.

After looking into this some more, I think that this is a seperate bug caused by not passing referencedBlock.innerBlocks here:

https://github.com/WordPress/gutenberg/blob/308f6aa950705531ef9d360dc88bb9f4194542f5/packages/editor/src/store/effects/reusable-blocks.js#L240

Was this page helpful?
0 / 5 - 0 ratings

Related issues

maddisondesigns picture maddisondesigns  路  79Comments

tofumatt picture tofumatt  路  86Comments

ahmadawais picture ahmadawais  路  101Comments

jasmussen picture jasmussen  路  74Comments

jasmussen picture jasmussen  路  173Comments