WIP: Query Loops Break Nestable Nav Dropdown

I’m creating items in a dropdown that have a heading and description, so I created a link wrapper for them in the dropdown. If I duplicate this element multiple times, everything works. Bricks generates the <li> elements properly.

If, however, I query loop this item to generate more dynamically, Bricks fails to generate the <li> tags. It only creates one <li> tag and stuffs all the links inside of that.

This makes it impossible to use query loops with the nestable nav, which is stopping me from making progress on a current build.

Update: The <li> can be created manually and then Bricks will stop creating them on its own, but there’s zero indication of this, and it’s very unintuitive.

One would think that if the list items are generated dynamically, creating one manually would cause duplicates, so I avoided even attempting that initially until someone on my team said they ran into the same issue and to add them manually.

2 Likes

Hi @digitalgravy,

Yup I was able to reproduce this as well. I have added this to our internal board.

Hi guys,

We’ve fixed this issue in Bricks 1.10 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/live website. It is only meant for testing in a local or staging environment.

Best regards,
M

i am still experiencing this issue – I tested on 1.10.2 and 1.11.1.1

Hi @dsgadmin,

I can replicate one issue with the query loop inside the dropdown. But, to make sure that you have the same issue, can you record a quick video of it? Or just make a screenshot of how it looks in the editor and on the frontend (including in dev tools).

Thank you,
Matej

I believe I’m experiencing the same issue.
https://jam.dev/c/a642e558-2594-4a2b-becf-ee44ef436631

The screenshots below were from when I was attempting to udpate from 1.9.9 to 1.10.3 on a staging site.

Litespeed is disabled.

Elements set to Display None on Desktop are still showing.

I’m seeing (though the element is set to display: none) a navigation menu at the desktop breakpoint which should be seen only on mobile landscape and mobile portrait.

1.9.9

1.10.3

I contacted support and was told it was a bug that was replicatable and recorded for the dev team, but no update and not clear if/when it was/will resolved.

So currently stuck at 1.9.9 with ACSS 2.8.3. Any info would be much appreciated.