Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ActionMenu z-index #1144

Open
robinscholz opened this issue Jan 10, 2023 · 3 comments
Open

ActionMenu z-index #1144

robinscholz opened this issue Jan 10, 2023 · 3 comments
Assignees

Comments

@robinscholz
Copy link

It seems like the z-index of the Action Menu should be bumped up to avoid collision with other elements. Attached two screenshots of a component we are currently building.

Both the AssetInput actions as well as the LinkChooser actions have a z-index of 20. This needs to be higher in my opinion.

Screenshot 2023-01-10 at 11 33 54
Screenshot 2023-01-10 at 11 33 59

@imoutaharik imoutaharik self-assigned this Jan 12, 2023
@imoutaharik
Copy link
Contributor

Hello Robin! Thanks for using Fondue and for the feedback. I'll fix this issue as soon as possible. 😄

@dominiquemb
Copy link
Contributor

Hi @robinscholz, I spent some time trying to reproduce this issue, and it seems like the z-index problem is coming from the container and not the AssetInput or LinkChooser components.

For example, if the container's z-index is too low, the AssetInput menu will appear to render behind any elements below it, even if the AssetInput has a z-index that is extremely high.

Is the container in which you've placed the AssetInput a custom component or is it a Fondue component? It looks custom-made.

@robinscholz
Copy link
Author

The bug occurs when using the fondue components inside custom components built around the Brand-SDK. In this particular case, it is a custom component which is then used inside the Orderable List component.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants