Tab block is broken on reinstalled website

  • Resolved ooker

    (@ooker)


    4 years, 9 months ago

    My website is recently reinstalled. When I open the article that contains the Tab block from this plugin, it shows this: https://i.imgur.com/3agZKwg.png

    To be fair the blocks are inside a container. Anyway, if I add another Tab block outside the container, then they all display normal.

    What happens? Is there any way to fix this without rewrite the whole article?

    Here is my website.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author htmgarcia

    (@htmgarcia)

    Hi @ooker,

    To be fair the blocks are inside a container.

    RE: anything particular about the container?

    Checking the link you shared, the tabs with flags seems to work fine. Please let me know if I’m missing something.
    ____
    Looking forward to help you

    Thread Starter ooker

    (@ooker)

    I have removed the outer tab block to reveal the issue. You can comeback and see.

    The container is from Stackable plugin. The whole code is something like this:

    <div class="ugb-container__side"><div class="ugb-container__content-wrapper ugb-34a71d2-content-wrapper">
<figure class="wp-block-gallery alignwide columns-1 is-cropped"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item cboxElement"><figure><a href="https://i1.wp.com/xn--qucu-hr5aza.cc/wp-content/uploads/2020/05/18-Remy-issues-orders.png?ssl=1"><img src="https://i1.wp.com/xn--qucu-hr5aza.cc/wp-content/uploads/2020/05/18-Remy-issues-orders.png?resize=938%2C391&ssl=1" alt="18 Remy issues orders" data-id="2978" data-full-url="https://xn--qucu-hr5aza.cc/wp-content/uploads/2020/05/18-Remy-issues-orders.png" data-link="https://xn--qucu-hr5aza.cc/lam-sao-de-khong-cam-thay-ngai-khi-hanh-dong/18-remy-issues-orders/#main" class="wp-image-2978 jetpack-lazy-image jetpack-lazy-image--handled" data-recalc-dims="1" srcset="https://i1.wp.com/xn--qucu-hr5aza.cc/wp-content/uploads/2020/05/18-Remy-issues-orders.png?resize=1024%2C427&ssl=1 1024w, https://i1.wp.com/xn--qucu-hr5aza.cc/wp-content/uploads/2020/05/18-Remy-issues-orders.png?resize=300%2C125&ssl=1 300w, https://i1.wp.com/xn--qucu-hr5aza.cc/wp-content/uploads/2020/05/18-Remy-issues-orders.png?resize=768%2C320&ssl=1 768w, https://i1.wp.com/xn--qucu-hr5aza.cc/wp-content/uploads/2020/05/18-Remy-issues-orders.png?resize=1536%2C640&ssl=1 1536w, https://i1.wp.com/xn--qucu-hr5aza.cc/wp-content/uploads/2020/05/18-Remy-issues-orders.png?w=1920&ssl=1 1920w" data-lazy-loaded="1" sizes="(max-width: 938px) 100vw, 938px" title="" style=""><noscript><img src="https://i1.wp.com/xn--qucu-hr5aza.cc/wp-content/uploads/2020/05/18-Remy-issues-orders.png?resize=938%2C391&ssl=1" alt="18 Remy issues orders" data-id="2978" data-full-url="https://xn--qucu-hr5aza.cc/wp-content/uploads/2020/05/18-Remy-issues-orders.png" data-link="https://xn--qucu-hr5aza.cc/lam-sao-de-khong-cam-thay-ngai-khi-hanh-dong/18-remy-issues-orders/#main" class="wp-image-2978" srcset="https://i1.wp.com/xn--qucu-hr5aza.cc/wp-content/uploads/2020/05/18-Remy-issues-orders.png?resize=1024%2C427&ssl=1 1024w, https://i1.wp.com/xn--qucu-hr5aza.cc/wp-content/uploads/2020/05/18-Remy-issues-orders.png?resize=300%2C125&ssl=1 300w, https://i1.wp.com/xn--qucu-hr5aza.cc/wp-content/uploads/2020/05/18-Remy-issues-orders.png?resize=768%2C320&ssl=1 768w, https://i1.wp.com/xn--qucu-hr5aza.cc/wp-content/uploads/2020/05/18-Remy-issues-orders.png?resize=1536%2C640&ssl=1 1536w, https://i1.wp.com/xn--qucu-hr5aza.cc/wp-content/uploads/2020/05/18-Remy-issues-orders.png?w=1920&ssl=1 1920w" sizes="(max-width: 938px) 100vw, 938px" data-recalc-dims="1" /></noscript></a></figure></li></ul></figure>

<div class="wp-block-advgb-adv-tabs advgb-tabs-wrapper advgb-tab-horz-desktop advgb-tab-vert-tablet advgb-tab-stack-mobile advgb-tabs-62b08081-1279-4323-83a3-1249283d337f" data-tab-active="0"><ul class="advgb-tabs-panel"><li class="advgb-tab advgb-tab-active" style="background-color:#e0e0e0;border-style:solid;border-width:1px;border-radius:10px"><a href="#advgb-tabs-tab0" style="color:#fff"><span><img draggable="false" role="img" class="emoji" alt="????" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/1f1fb-1f1f3.svg"></span></a></li><li class="advgb-tab" style="background-color:#e0e0e0;border-style:solid;border-width:1px;border-radius:10px"><a href="#advgb-tabs-tab1" style="color:#fff"><span><img draggable="false" role="img" class="emoji" alt="????" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/1f1fa-1f1f8.svg"></span></a></li></ul><div class="advgb-tab-body-wrapper" style="color:#000000;border-style:solid;border-width:1px;border-radius:10px">
<div class="wp-block-advgb-tab advgb-tab-body-container"><div class="advgb-tab-body-header header-active" style="background-color: rgb(224, 224, 224); color: rgb(255, 255, 255);"><img draggable="false" role="img" class="emoji" alt="????" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/1f1fb-1f1f3.svg"></div><div class="advgb-tab-_8cc34c-52 advgb-tab-body" aria-labelledby="advgb-tabs-tab0" style="display: block;">
<p><strong>Remy:</strong> ??i ba s? lo x? ly cá. ??i b?n, ?? quay. ??i n?m, th?t n??ng. ??i sáu, n??c x?t. T?t c? vào v? trí. Nhanh, nhanh, nhanh!</p>
</div></div>

<div class="wp-block-advgb-tab advgb-tab-body-container"><div class="advgb-tab-body-header" style="background-color: rgb(224, 224, 224); color: rgb(255, 255, 255);"><img draggable="false" role="img" class="emoji" alt="????" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/1f1fa-1f1f8.svg"></div><div class="advgb-tab-_f271d6-d0 advgb-tab-body" aria-labelledby="advgb-tabs-tab1" style="display: none;">
<p><strong>Remy: </strong>Team three will be handling fish. Team four, roasted items. Team five, grill. Team six, sauces. Get to your stations. Let’s go, go, go!</p>
</div></div>
</div></div>

<h1>??</h1>

<p>Con trai th? l?nh t?t nhiên s? th?a h??ng t? ch?t ch? huy ??</p>
</div></div>
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Tab block is broken on reinstalled website’ is closed to new replies.