- This topic has 11 replies, 2 voices, and was last updated 4 months, 2 weeks ago by Tom.
May 5, 2020 at 4:13 pm #1271272Kieran
This is related to GenerateBlocks 1.0-rc1 and may be a bug, or perhaps I am doing something wrong 🙂
I have created a more complex layout of containers, grids and buttons, that I would like to re-use on a number of pages. However, when I convert the wrapping container block to a re-usable block, some of the settings of the sub blocks are lost, notably grid spacing and vertical alignment on each column container.
I’ve tried this in Firefox and Chrome, and I’ve even recreated the issue with a simple layout of a two column grid with a paragraph tag in each. All GP plugins/theme and WP are up to date. No other plugins active.
Thank you for your help solving this.May 6, 2020 at 9:30 am #1272340TomLead DeveloperLead Developer
Are you selecting the overall container of the section to add as a re-usable block? I’ve seen some Gutenberg bugs when selecting child elements of a parent block to be re-usable.
Let me know 🙂May 6, 2020 at 10:19 am #1272471Kieran
Thanks for your reply. Yes, I am trying to make the entire section a re-usable block by converting the outermost container to be re-usable.
The structure is:
Document |- Container (this is the block I am trying to convert to re-usable) |- Grid |- Container |-Buttons > Button |- Container |-Buttons > Button |- Container |-Buttons > Button |- Container |-Buttons > Button
In the Block Editor, the re-usable block looks exactly the same as the source block above it (I duplicated the original layout to convert it to be re-usable). But on the frontend the display is different once published.
I hope these details help and I understand Gutenberg has plenty of its own bugs still.
Thanks!May 6, 2020 at 10:26 am #1272477TomLead DeveloperLead Developer
Can you link me to a page with one of the broken blocks?
What happens if you change the CSS Print Method to “Inline Embedding” in “Settings > GenerateBlocks”?May 6, 2020 at 11:40 am #1272577Kieran
Changing the CSS Print Method to Inline did not help. I tried to duplicate the same container and convert to re-usable block and I got the same result.
Yes, the page is here:
[removed]May 6, 2020 at 5:10 pm #1272921TomLead DeveloperLead DeveloperMay 7, 2020 at 6:27 am #1273570Kieran
Sorry Tom! Love the plugin and can’t wait for 1.0. If you need login credentials or more info to recreate this please let me know.May 7, 2020 at 11:04 am #1274214TomLead DeveloperLead DeveloperMay 7, 2020 at 11:10 am #1274219Kieran
You da man! Glad I wasn’t losing my mind. Thanks for all your great work over the years.May 7, 2020 at 11:53 am #1274283TomLead DeveloperLead Developer
Just uploaded rc.2: https://generateblocks.com/install/
You may need to go into the blocks that lost their spacing and set the “Grid Item” toggle in the Layout tab of each container.
From now on, the issue shouldn’t happen again.
Thanks again!May 7, 2020 at 12:02 pm #1274306Kieran
That was fast. I can confirm the fix works as expected. Awesome support as usual!May 7, 2020 at 3:17 pm #1274570
- You must be logged in to reply to this topic.