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.

Sign up for GitHub

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

Jump to bottom

Pause on Hover does not work with Headless UI #325

Open
Abdulrahmanelheyb opened this issue Nov 2, 2023 · 1 comment
Open

Pause on Hover does not work with Headless UI #325

Abdulrahmanelheyb opened this issue Nov 2, 2023 · 1 comment

Comments

@Abdulrahmanelheyb
Copy link

I am working on the admin dashboard panel and I use the Headless UI Modal component to create new records. When an error is returned from the server I create a custom toast but the toast is rendered in the __next div and the Headless UI renders in the portal div.
The problem is the Headless UI Modal renders in front of the toast. In this case "Pause on Hover" property does not work.
image

Kind regards.
Abdulrahman Elheyb
@EtienneGuilletPackative
Copy link

@Abdulrahmanelheyb hello did you by any chance find a solution to put your toaster above the dialog?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@Abdulrahmanelheyb @EtienneGuilletPackative