Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Issue with tabs

  • Hi, I’m using the Tabs block to display different posts based on the topic. However, there’s an issue: in the first tab, it still shows all the content from the other tabs. But when I switch between tabs and then come back to the first tab, the content is displayed correctly.
    Could you help me understand the problem? I’ll insert the link in the private box.
    Thank you.

  • Hi there,

    any optimization plugins running on the site ?
    If yes, does the issue persist if you disable them and clear any caches?

  • Hi David, I have Wp Rocket and Cloudflare APO, but the issue also occurs when logged in, with the cache disabled. So, I think in this case, these two plugins are not related, right?

  • Something is interfering with the HTML or the Javascript.
    As many of the Tabs ( not all of them ) have the gb-tabs__item-open class applied to them when that should only appear if they have been clicked to open.
    This clears itself up when another tab is opened.

    Hmmmm…. If you select each Tab Item containers and check their Advanced > Additional CSS Classes – is there anything in there ?

  • Hi David, there’s nothing in tab item block, but each container of query loop has the following class: “contenitoregb”, it is a class I have created to add some styles to the query loops. However, that class is present in all the query loops, not just the first one.
    Could that be the problem?

  • Hi there,

    If that class is just for CSS, that shouldn’t be the cause.

    To be sure, can you try #1 here to debug: https://docs.generatepress.com/article/debugging-tips/

    It’s recommended to backup your site before proceeding with this.

    If this doesn’t work, can you try a), and if that doesn’t work, try b) here?:

    a) Regenerate your CSS files in Settings > GenerateBlocks.
    a) Choose Inline Embedding for the CSS Print Method in Settings > GenerateBlocks.

    Reference: https://docs.generateblocks.com/article/unstyled-content/

  • Hi Fernando, I tried CSS regeneration and inline print. The issue persists even removing all the other plugins. Could it be a bug in the generate blocks?

  • This is the first time I’ve encountered such an issue. I’m assuming something’s going on with your Tabs Block unique to your site.

    Can you try duplicating the Tabs Block and deleting the original? Example: https://share.zight.com/NQu5KgOr

  • I have already duplicated the entire tab block in the staging website and the issue persists. I have also pasted it in another test page but the issue persists.

  • I see. Can you provide admin login credentials through the Private Information field so we can investigate further?

  • Yes please see the private info box.

  • I tried to change and revert the “DEFAULT OPENED TAB” and it seems to be working now. Can you check?

  • it’s work thank you. May you tell me where is that option? So I can change in the future?

  • It’s in the Block Settings of the Tabs Block. Reference: https://docs.generateblocks.com/article/tabs-overview/#block-settings-%E2%80%93-tabs

    The issue may have been caused by a bad/failed save or update of your Database. Sometimes issues like this occur when you save and suddenly, your internet becomes unstable for instance. There are many other potential causes but it’s not usual.

  • thank you very much!

  • You’re welcome!

Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.