SOLVED: Nested Accordion expanding all tabs by default

Bricks Version: 1.5 RC
OS: macOS

Hey folks!

Anyone else having issues with nestable Accordion having all tabs on frontend expanded by default? I have a staging site which was built on 1.5-beta and after the upgrade to 1.5 RC this issue occured.

Using the setting Expand first item or Independent toggle does not affect it.

Not sure if it is a bug or something’s broke during the upgrade so wanna verify with the community first.

Kind regards,
luke

1 Like

I could not reproduce on a clean install. Seems like something broken when upgrading from 1.5-beta to 1.5 RC.

Closing as rejected.

Could be helpful for someone. When you convert divs within the nested accordion to blocks, they get Display set to ‘flex’. That results in all accordion tabs being open by default because it breaks the script behind.

To fix this open the ‘content’ wrapper:

…and set its Display property to ‘none’:

I cannot recall if I converted Divs to Blocks myself or the built-in converter did it.

3 Likes

Hi Luke,
Thanks so much for your report and the feedback.

I’m pretty sure the converter was responsible for the changes. We’ll try to improve the conversion for the stable release.

Best regards,
timmse

3 Likes

Hello there,

image

I’m encountering the same issue here, but this time with the product loop inside the accordion. I’ve tried to set the display property of the wrap to none, but it disappeared totally.

Am I doing it wrong or is there any workaround to solve the issue, please?

@timmse

Reset the display value of the item completely and do not set anything there - then it will work. As soon as you set something, you overwrite the default behavior. If you need a specific display value like flex, add a block or div element within the item wrapper.

1 Like

I’m having the same issue. I’ve tried setting the display to none and then back to flex on the accordion and it’s child divs, still no luck. Would anything else be causing this?

Hi Ryan,
Unfortunately, without a live link, I don’t know exactly what you’re referring to, but if it’s about the nestable accordion:

Thank GOD almighty for this answer, as I’ve been banging my head off so many computer screens that it’s not funny anymore!

Is the development team working on solving this issue? @timmse

@lukeSK solution helped me partially, as I would like the first question to appear open, but with this solution the content of the first question is also hidden.

Which issue are you referring to @andrespereirabr ?

I’m referring to the main question of the conversation. Although marked as resolved, the problem still seems to exist, at least when I’m using Loop.

1 Like

Well, the report is almost three years old…
Can you provide a live link or describe your setup in detail so I can try to replicate it?

In general, please create a new report, as this one is very, very old. Thanks!

2 Likes