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

[Toast] z-index #2404

Open
malte-baumann opened this issue Oct 17, 2024 · 1 comment
Open

[Toast] z-index #2404

malte-baumann opened this issue Oct 17, 2024 · 1 comment
Labels
question Further information is requested v3 #1289

Comments

@malte-baumann
Copy link

For what version of Nuxt UI are you asking this question?

v3-alpha

Description

I have labelled it as a question, it could be a bug, but I will let you decide.

It seems like the Toast component has not a high enough z-index to be above everything. (Should it?)
I took notice when using the Drawer but I guess (not tested) it applies i.e. to the Slideover as well. The Toast Message has appeared under the Drawer so the user cannot see it. Imo the toast should be above everything.
Both Drawer and Toast have a z-index of 100 if I saw that correctly. I tried to change the z-index inside the Toastproperties but that doesn't seem to have an effect.

I worked around and just put the Toast in another corner so the user can see it but still is unable to interact with it because the Drawer will close if he clicks outside.

But maybe there is another way to deal with this?

@malte-baumann malte-baumann added the question Further information is requested label Oct 17, 2024
@benjamincanac benjamincanac added the v3 #1289 label Oct 17, 2024 — with Volta.net
@AaronDewes
Copy link

AaronDewes commented Oct 17, 2024

This also seems to happen with an open <UModal>, the toast should be above that as well.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested v3 #1289
Projects
None yet
Development

No branches or pull requests

3 participants