DUPLICATE: Dropdown element in builder does not add li

[Victor1999]

Browser: Chrome 110
OS: Windows
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Hi bricks team,

If you add an element like a heading to the content of the dropdown element, Bricks will automatically add li in the frontend. But in the builder, these li do not exist.

The problem is that this approach makes it difficult to style li in the builder.

Best regards

[timmse]

Hi Victor,
Thanks so much for your report.

The problem has already been reported:

WIP: Nav nestable: elements other than text link or dropdown aren't wrapped with li's on the canvas

Hi Dustin, Thanks so much for your report! Scenario 1: The margin-left is added to the button but not to the li, which is added automatically. If you wrap the button with a li (div set to li) and give it margin-left: auto, it works fine (which is to be expected). Scenario 2: if you look at the builder source code, you will see that the button on the canvas is not wrapped with a li. menu item, so your CSS cannot work. Presumably, the code currently only provides this for text links or dropdown…

I’ll close this thread accordingly, and we’ll update the original thread once the issue is resolved.

Best regards,
timmse