[Bug] Top level of nav tree not dissapearing

I have found the following issue when rendering a multi tier nav component. This has come from the default project skeleton with me adding an extra layer to navigation.

see below screen shots for configuration.

issue.
image

Config.

What browser did this occur in? Instead of screenshots, could you copy the component in the Project Browser (right-click -> Copy), paste the contents of your clipboard into a text editor, save the file as a .json format, and upload that file here?

Browser is Google chrome and safari.

See attached.

document.json (2.2 KB)

Hi @andrewbrown,

I just looked over your menu tree. Looks like you have an alpha value set on your background color under the style prop, which makes the sub menus translucent. The sub menus lay on top of the main menu which is why you are seeing the issue mentioned above. As a workaround, you can use a lighter color with a max alpha value.

1 Like

No worries, thanks for that.