SOLVED: Nested Tabs - Image Gallery. Masonry layout issue with flex

Bugs
1

Hello!

I’m having an issue with a nestable tab section. I want to create multiple galleries to select using tabs and nested galleries, and it works absolutely fine with metro layout. However, with masonry layout, the only way I can get it to show correctly on the front end is with display:flex. However, with nested tabs, changing the CSS display to flex affects the tab-title tab-pane query and breaks the nested tabs.

Is there a way to make this work? Am i being stupid? Cannot seem to find a solution!

Any help would be much apreciated, have provide screenshots of front and backend.

In the builder:

image
image1910×830 76 KB

Live page:

image
image1920×873 43.8 KB

2

Hi Isaac,
The isotope/masonry layout does not work within the nestable tab element on the initial load (but after resizing). This is a bug that we already have on the to-do list.

That’s why it’s strange that it works in your case (at least to some extent).

Have you tried adding a block element within the tab content that contains your galleries so you don’t have to change the tab contents’ display value, which would break the functionality?

3

Hi timmse,

Thanks for the reply! Glad to know it’s a bug and not my lack of understanding :smiley:

I’ll give the block a go and see, otherwise I’ll just switch to metro until it’s all fixed.

Do you know have an estimated time when this become functional?

Thanks

4

No, unfortunately, not yet.

5

Any updates on the problem being solved? I have a live site with the same issue.

6

Hi guys,

We’ve fixed this issue in Bricks 1.9.8 beta, now available as a manual download in your account (see changelog).

Please let us know if you are still experiencing issues.

As with any beta release, please do not use it on a production or live website. It is only meant for testing in a local or staging environment.