ix-toast is hidden behind ix-modal

[110Sw1t]

Prerequisites

• I have read the Contributing Guidelines.
• I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

What happened?

Whenever we have ix-modal open we cannot see ix-toast from message service because its hidden behind the ix-modal

When errors occur after a modal is open, error/info toasts don't show because they are hidden by modal backdrop, or completely hidden if the modal width is set to full-screen

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

Angular

Which version of iX do you use?

v2.4.1

Code to produce this issue.

Just click on button it will open both modal and toast message

Editor URL:
https://stackblitz.com/edit/gnjkyi-vjp7as?file=src%2Fmodal-by-template.ts

Application URL: 
https://gnjkyi-vjp7as.stackblitz.io

[danielleroux]

Already tracked via #798. I close this one here.