NO BUG: Problem with multilevel dropdown menus

I can’t set up a drop-down list in the menu inside the drop-down list. For some reason, the menu items are not displayed to the right of the parent drop-down list. What am I doing wrong?

Hi Evgeniy,
Thanks for your report!

Unfortunately, I cannot reproduce the issue. Please add a new nav nestable element and a few dropdowns and see if the problem exists there as well.

Best regards,
timmse

It doesn’t work for me :roll_eyes: I spent a lot of time, but I could not understand the logic of displaying nested menu items. How do I set it up?

Unfortunately, I don’t know what you’re doing, so it’s hard to say exactly what the problem is :frowning:
This is basically what I’m showing in the screenshot:

{"content":[{"id":"aroedi","name":"section","parent":0,"children":["onzriy"],"settings":{}},{"id":"onzriy","name":"container","parent":"aroedi","children":["zgzsnr"],"settings":{}},{"id":"zgzsnr","name":"nav-nested","parent":"onzriy","children":["ohcvrm","yjvnjf"],"settings":{}},{"id":"ohcvrm","name":"block","parent":"zgzsnr","children":["udmnwm","ucihwo","zqfofa","qcyjon"],"settings":{"tag":"ul","_hidden":{"_cssClasses":"brx-nav-nested-items"}},"label":"Nav items","cloneable":false,"deletable":false},{"id":"udmnwm","name":"text-link","parent":"ohcvrm","children":[],"settings":{"text":"Home","link":{"type":"external","url":"#"}},"label":"Nav link"},{"id":"ucihwo","name":"text-link","parent":"ohcvrm","children":[],"settings":{"text":"About","link":{"type":"external","url":"#"}},"label":"Nav link"},{"id":"zqfofa","name":"dropdown","parent":"ohcvrm","children":["kizhvv"],"settings":{"text":"Dropdown"},"label":"Dropdown"},{"id":"kizhvv","name":"div","parent":"zqfofa","children":["hhojdx","oqqmco","dhrsfd"],"settings":{"_hidden":{"_cssClasses":"brx-dropdown-content"},"tag":"ul"},"label":"Content","cloneable":false,"deletable":false},{"id":"hhojdx","name":"text-link","parent":"kizhvv","children":[],"settings":{"text":"Dropdown link 1","link":{"type":"external","url":"#"}},"label":"Nav link"},{"id":"oqqmco","name":"text-link","parent":"kizhvv","children":[],"settings":{"text":"Dropdown link 2","link":{"type":"external","url":"#"}},"label":"Nav link"},{"id":"qcyjon","name":"toggle","parent":"ohcvrm","children":[],"settings":{"_hidden":{"_cssClasses":"brx-toggle-div"}},"label":"Toggle (Close: Mobile)"},{"id":"yjvnjf","name":"toggle","parent":"zgzsnr","children":[],"settings":[],"label":"Toggle (Open: Mobile)"},{"id":"dhrsfd","name":"dropdown","parent":"kizhvv","children":["ibopnd"],"settings":{"text":"Dropdown"}},{"id":"ibopnd","name":"div","parent":"dhrsfd","children":["riumbd","qvkeqj","yzajdb"],"settings":{"_hidden":{"_cssClasses":"brx-dropdown-content"},"tag":"ul"},"label":"Content","cloneable":false,"deletable":false},{"id":"riumbd","name":"text-link","parent":"ibopnd","children":[],"settings":{"text":"Dropdown link 1","link":{"type":"external","url":"#"}},"label":"Nav link"},{"id":"qvkeqj","name":"text-link","parent":"ibopnd","children":[],"settings":{"text":"Dropdown link 2","link":{"type":"external","url":"#"}},"label":"Nav link"},{"id":"yzajdb","name":"dropdown","parent":"ibopnd","children":["ydmrpi"],"settings":{"text":"Dropdown"}},{"id":"ydmrpi","name":"div","parent":"yzajdb","children":["wptcwv","axlhkq","mldmkw"],"settings":{"_hidden":{"_cssClasses":"brx-dropdown-content"},"tag":"ul"},"label":"Content","cloneable":false,"deletable":false},{"id":"wptcwv","name":"text-link","parent":"ydmrpi","children":[],"settings":{"text":"Dropdown link 1","link":{"type":"external","url":"#"}},"label":"Nav link"},{"id":"axlhkq","name":"text-link","parent":"ydmrpi","children":[],"settings":{"text":"Dropdown link 2","link":{"type":"external","url":"#"}},"label":"Nav link"},{"id":"mldmkw","name":"dropdown","parent":"ydmrpi","children":["cvrnif"],"settings":{"text":"Dropdown"}},{"id":"cvrnif","name":"div","parent":"mldmkw","children":["trgyva","xhfrui"],"settings":{"_hidden":{"_cssClasses":"brx-dropdown-content"},"tag":"ul"},"label":"Content","cloneable":false,"deletable":false},{"id":"trgyva","name":"text-link","parent":"cvrnif","children":[],"settings":{"text":"Dropdown link 1","link":{"type":"external","url":"#"}},"label":"Nav link"},{"id":"xhfrui","name":"text-link","parent":"cvrnif","children":[],"settings":{"text":"Dropdown link 2","link":{"type":"external","url":"#"}},"label":"Nav link"}],"source":"bricksCopiedElements","sourceUrl":"https://brxlatest.local","version":"1.9.9-beta","globalClasses":[],"globalElements":[]}

When setting up the drop-down menu inside the drop-down menu in the constructor, I only see the boundaries of the content block. There is no way to set up styles for it. The settings do not work in the admin panel and nothing is displayed on the frontend.

I’ve already tried everything I can, but I can’t figure out why this is happening.

The problem lies in the overflow: hidden style. If I set this style for the content element so that rounded corners for the element work, then the next drop-down menu is hidden. I haven’t realized yet how correct this behavior is.

Once again you can see how valuable a live link would be: the fact that you have set something to overflow: hidden can of course not be seen in the screenshots :smiley:

Please have a look here (#1):

1 Like