NO BUG: Issue with nested Tabs, first content displayed in all content tabs

Bugs
1

Browser: Chrome 111 and FF 112
OS: Windows 10
URL: Wolfberry Křemelina 250 g
Video: https://www.berrycast.com/conversations/e16967da-681e-5e56-a4b7-94d4923b0ab0

I’m using nested tabs to display content on my product page. It has worked on the beginning but now it is displaying the first tab content in every tabs content.

Thanks for the help,
Regards,
Peter.

2

Hi Peter,
Thanks so much for your report!

Unfortunately, I cannot reproduce the issue.
Does it make a difference if you remove the code block from the tabs? If so, there is something wrong with it.

If that doesn’t help, please send temporary login credentials and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase (as you already did, but without login credentials :wink: ).

Best regards,
timmse

3

Hi timmse,

If I add the Code block to another element the issue is still present with the button only in the first tab.

Email sent.

4

Hey Peter,
I found the cause of the problem: you have set the “Nabidky” content wrapper to display: flex. This causes a problem because the tab content is hidden and displayed with display: none and display: block. If it is set to flex throughout it cannot work.

The solution is simple: I wrapped the code block with a block and inserted the flex styles. Now it works as it should.

Best regards,
timmse

1 Like
5

Hey timmse,

Understood, thank you for checking :slight_smile: