classic blocks in tabs

  • Resolved Qi Xiang

    (@qixyqix)


    6 years ago

    Hi,

    After refreshing the edit page of a previously updated/published page, classic blocks within tabs or the entire tab block itself with classic blocks inside it end up with a “This block contains unexpected or invalid content” error and resolving it only makes it even worse

    Error from console:

    Expected:

<div class="wp-block-kadence-tabs alignnone"><div class="kt-tabs-wrap kt-tabs-id_abbddb-3d kt-tabs-has-3-tabs kt-active-tab-1 kt-tabs-layout-vtabs kt-tabs-tablet-layout-inherit kt-tabs-mobile-layout-accordion kt-tab-alignment-left kt-create-accordion" style="max-width:none"><ul class="kt-tabs-title-list"><li id="tab-tab1" class="kt-title-item kt-title-item-1 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-active"><a href="#tab-tab1" data-tab="1" class="kt-tab-title kt-tab-title-1 "><span class="kt-title-text">Tab 1</span></a></li><li id="tab-tab2" class="kt-title-item kt-title-item-2 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive"><a href="#tab-tab2" data-tab="2" class="kt-tab-title kt-tab-title-2 "><span class="kt-title-text">Tab 2</span></a></li><li id="tab-tab3" class="kt-title-item kt-title-item-3 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive"><a href="#tab-tab3" data-tab="3" class="kt-tab-title kt-tab-title-3 "><span class="kt-title-text">Tab 3</span></a></li></ul><div class="kt-tabs-content-wrap"></div></div></div>

Actual:

<div class="wp-block-kadence-tabs alignnone"><div class="kt-tabs-wrap kt-tabs-id_abbddb-3d kt-tabs-has-3-tabs kt-active-tab-1 kt-tabs-layout-vtabs kt-tabs-tablet-layout-inherit kt-tabs-mobile-layout-accordion kt-tab-alignment-left kt-create-accordion" style="max-width:none"><ul class="kt-tabs-title-list"><li id="tab-tab1" class="kt-title-item kt-title-item-1 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-active"><a href="#tab-tab1" data-tab="1" class="kt-tab-title kt-tab-title-1 "><span class="kt-title-text">Tab 1</span></a></li><li id="tab-tab2" class="kt-title-item kt-title-item-2 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive"><a href="#tab-tab2" data-tab="2" class="kt-tab-title kt-tab-title-2 "><span class="kt-title-text">Tab 2</span></a></li><li id="tab-tab3" class="kt-title-item kt-title-item-3 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive"><a href="#tab-tab3" data-tab="3" class="kt-tab-title kt-tab-title-3 "><span class="kt-title-text">Tab 3</span></a></li></ul><div class="kt-tabs-content-wrap"><div class="wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-1 kt-inner-tab_7226ec-4d"><div class="kt-tab-inner-content-inner"><p>fFDfF</p></div></div>

<div class="wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-2 kt-inner-tab_25d610-6b">
<div class="kt-tab-inner-content-inner">
<p>fadfgahsdghsg</p>
</div>
</div>

<div class="wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-3 kt-inner-tab_5f97ef-87">
<div class="kt-tab-inner-content-inner">
<p>fasfagagsfgd</p>
</div>
</div></div></div></div>
    • This topic was modified 6 years ago by Qi Xiang.
    • This topic was modified 6 years ago by Qi Xiang.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Ben Ritner – Kadence WP

    (@britner)

    Hey,
    The classic block can’t be placed inside any other block, else it errors, you can’t add to the core columns block either:

    https://github.com/WordPress/gutenberg/issues/12674

    As for “resolving” I suggest installing the latest version of the Gutenberg plugin so you can use “attempt block recovery” which will allow you to access the content again.
    https://www.kadenceblocks.com/docs/how-to-recover-a-broken-block/

    But there is no solution at the moment for adding a classic block into any other block so you would need to use a paragraph block or some other block based on what you are doing.

    Ben

    Thread Starter Qi Xiang

    (@qixyqix)

    Sigh. That’s sad.

    Editing content with gutenberg seperating all the header, list and paragraph etc. into different blocks now is so much more inconvenient.

    Thank you for the reply!

    • This reply was modified 6 years ago by Qi Xiang.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘classic blocks in tabs’ is closed to new replies.