WIP: Nestable accordion query loop issue in builder

[HOSEIN]

Browser: Chrome 138.0.7204.97
OS: Windows

Hi,

If the Nestable accordion is in a loop, in the builder the icon transition of the first item does not work as expected. Also, two items can be opened at the same time. While in the frontend it is not.

[Ferry]

I have it working like this:

And this on the nested accordion settings:

Looks like the titles need to go 1 level deeper inside. Try wrapping the “item” inside a container is my suggestion. (if the accordion setting independent toggle is disabled…)

[Matej]

Hi @HOSEIN,

sadly, I can’t replicate this one locally. Can you copy-paste all the structure in the page so that I try with your setup?

Thank you,
Matej

[Ferry]

i got a like for my reply so it might be fixed

[HOSEIN]

Hi Matej,

Yes, absolutely. Please also watch the video below as it shows exactly what happens. After creating the loop, I can’t open the first item. Then I reload the canvas and it works. After that, I encounter the two problems I reported here.

{"content":[{"id":"vkhaqz","name":"section","parent":0,"children":["bbkoqw"],"settings":{}},{"id":"bbkoqw","name":"container","parent":"vkhaqz","children":["flherz"],"settings":{}},{"id":"flherz","name":"accordion-nested","parent":"bbkoqw","children":["mvcjws"],"settings":{"titleHeight":"50px","contentPadding":{"top":15,"right":0,"bottom":15,"left":0}}},{"id":"mvcjws","name":"block","parent":"flherz","children":["znpxng","mkihcw"],"settings":{"hasLoop":true,"query":{"post_type":["product"]}},"label":"Item"},{"id":"znpxng","name":"block","parent":"mvcjws","children":["srlvgj","eaxhkd"],"settings":{"_alignItems":"center","_direction":"row","_justifyContent":"space-between","_hidden":{"_cssClasses":"accordion-title-wrapper"}},"label":"Title"},{"id":"srlvgj","name":"heading","parent":"znpxng","children":[],"settings":{"tag":"h3","text":"{post_title}"}},{"id":"eaxhkd","name":"icon","parent":"znpxng","children":[],"settings":{"icon":{"icon":"ion-ios-arrow-forward","library":"ionicons"},"iconSize":"1em","isAccordionIcon":true}},{"id":"mkihcw","name":"block","parent":"mvcjws","children":["yubeyn"],"settings":{"_hidden":{"_cssClasses":"accordion-content-wrapper"}},"label":"Content"},{"id":"yubeyn","name":"text","parent":"mkihcw","children":[],"settings":{"text":"<p>{post_content}</p>"}}],"source":"bricksCopiedElements","sourceUrl":"https://avangtheme.ir","version":"2.0-rc2","globalClasses":[],"globalElements":[]}

Nestable accordion.mp4

Hi @Ferry,

Thanks for the solution. Anyway, there is definitely a problem here that we need to see what is causing it. Thanks again🙏

[Ferry]

The builder has some caching problems. i would only worry what it does on the real page.

there’s some index option in the accordion settings.

maybe that works

[Matej]

Hi @HOSEIN,

now I was able to replicate it, and I’ve added it to the bug tracker Seems to be a combination with query loop on the item, and then selecting some other item, before clicking on the first one.

Thank you,
Matej