Toast should be displayed above modal

[viktorhajer]

What happened?

Currently the toast is behind the modal window -> so it is not possible to display toast from dialog.

What type of frontend frameware are you seeing the problem on?

Angular

Which version of iX do you use?

v2.0.3

Code to produce this issue.

export class TestComponent {

  constructor(private readonly modalService: ModalService,
              private readonly toastService: ToastService,) {
    this.toastService.setPosition('top-right');
  }

  open(){
    this.toastService.show({title: 'title', message: 'msg'});
    this.modalService.open({content: DialogComponent, size: '720'});
  }
}

[viktorhajer]

This is still an issue. I updated the version in the description.

[viktorhajer]

This is still an issue in 2.0.4. Any update?

[silviowolf]

No update 2.0.4, is in backlog but not planned yet.

[viktorhajer]

Okay, thank you.

[viktorhajer]

Hi @silviowolf, as I see it is planned now. Can we expect it in the next release (2.1.0)?

[supreethaPavank]

+1 . I am also facing this issue

[viktorhajer]

Any update on this issue?

[matthiashader]

[IX-609]

[raphaelgodart]

What's the status on resolving this problem? This bug has been open for quite a while and a fix is become rather urgent. Our team has an upcoming software release. Currently, notifications to the user (including errors) are invisible for the user when a toast is triggered from a modal. Thank you.

[flxlst09]

Hello @raphaelgodart We understand the importance of this functionality and apologize for the delay in our response. To provide some transparency regarding the challenges we are facing with this issue, here are some of the key considerations we have been working through:

• Before displaying a toast message, we would need to check if a modal is open. If a modal is open, ensure the toast message is displayed above the modal layer.
• If a toast message is already open and a modal is triggered, we would need to dynamically adjust the toast’s layer to ensure it remains visible as we want to avoid having toast messages open on multiple layers.
• We should also define clear rules for user interactions with toast messages while a modal is open. For example, if an action in a toast message requires closing the modal.
• Given these complexities and the urgency of your project, we have re-prioritized this issue into our Q1 2025 planning. We are committed to finding a robust solution and will keep you updated on our progress.

As a temporary workaround, you could consider not showing the backdrop when opening modal dialogs. This would not entirely solve the problem, but toast messages would be visible.

Thank you for your understanding!