Tree Component not working in a Dropdown

I am trying to use a Tree component within the Content section of a Dropdown Component. (Elements 2.0 Beta)

If the Dropdown is the only content on the page, this will work as expected.

If the Dropdown is below all other content on the page, then it will work as expected.

If there is any content below the Dropdown, the Tree will appear but the links are disabled.

Is this a bug or am I missing something?

Try increasing the z-index of the component that the Dropdown component is in to 51 or higher. If the dropdown is by itself and not in another component, set the z-index for the dropdown to >51.

Thanks - unfortunately the Dropdown Component doesn’t have a z-index setting. When I put it in a container and change its z-index, the Dropdown doesn’t even open.

Placing the container with the Dropdown below other content still works fine.

I’m sorry, just looked at mine. Try increasing the z-index for the tree

Still no luck, I’m afraid. Thank you for the suggestion.

Can you share your project via Elements Cloud and post the link here? If so we can take a look and see what’s going on for you :slight_smile:

content below the dropdown, I placed the dropdown in a container and set the z index of the container to 31

very crude project

elementsapp://downloadDocument/gdjxFhAhnQtM

1 Like

Thanks Dan - here is the example: elementsapp://downloadDocument/hpYJ1uiWymQf

same behaviour