Skip to content

Toast messages are displayed underneath uui-modal-container / uui-modal-sidebar due to the use of dialogs #846

Open
@Ellarddekoeijer

Description

@Ellarddekoeijer

Which exact UI Library version are you using? For example: 1.0.1 - don't just write v1.

1.8.1

Bug summary

When using uui-toast-notification-container and uui-modal-container I am running into the issue that the modal dialog is always displayed on top. So the toast is not visible unless all dialogs are closed. Showing a toast message inside of a modal/sidebar seems like a common usecase to me.

Specifics

No response

Steps to reproduce

Render both a uui-toast-notification-container and uui-modal-container. Put a uui-toast-notification inside of the container and let it be kept open.

Then open a uui-modal-sidebar and notice how the Toast message will be behind it.

Expected result / actual result

My suggestion would be to use popover to implement the modals rather than dialogs. Or come with a workaround to display toast notifications over the dialogs without having to nest uui-toast-notification-container inside the dialogs.

Metadata

Metadata

Assignees

Labels

bugSomething isn't workingneeds triageThis issue has not been tested by a team member yet

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions