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

[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.