SOLVED: Nestable tabs element issues

Bugs
1

Bricks Version: 1.5.3
Browser: Chrome
OS: Windows

Hi bricks team!

1- If we use duplicate to add a div and pane to create a new tab, the preview of the new tab will not be displayed and we must reload the editor to solve it.

2- If we convert pane to flex, its content will be added inside all panes.

Please let me know if you need a video

1 Like
2

Yes same problem for me
I think if u send a video @timmse can understand the issue better

1 Like
3

Hi Hosein,
Thanks so much for your report!

A video would be very helpful, as I can’t reproduce either problem right off the bat.

Best regards,
timmse

4

Hi again timmse.

1- In the video below, I add a new tab and a pane. When I click on tab 3 in the editor, the preview is not displayed. When I reload the editor, the preview is displayed.

https://drive.google.com/file/d/1G362-m2cbn_uGcc6FU0s05iGMk-5nKgQ/view?usp=sharing

2- When we convert the pane to flex, the contents inside it are repeated in other tabs.

https://drive.google.com/file/d/18AKc9f8KZJVTR9YtkXsrsWPPzMjVThyu/view?usp=sharing

5

Thanks for the videos!

  1. I’ve added it to the bug tracker.

  2. The tabs are hidden/visible by display: none and display: block. If you set the pane to display: flex, it’ll be flex all the time (which means they are visible all the time). The solution is to add a block or div inside the pane and set it to display: flex.

Best regards,
timmse

1 Like
6

Hi Hosein,
We’ve fixed issue #1 in Bricks 1.5.7, now available as a one-click update within your WordPress Dashboard.

Please let us know if you are still experiencing issues.

Best regards,
timmse

1 Like