[Toast and Dialog]: Toast is under the overlay of the dialog

[AlexYanSap]

Describe the bug

We’ve identified an issue where the toast notification appears under the overlay of the dialog when using UI5 version 2.5.0. This issue does not occur in UI5 version 2.7.0, where the toast displays correctly above the dialog.

Isolated Example

https://stackblitz.com/edit/github-xfohieoh?file=src%2FApp.tsx

Reproduction steps

1. go to the isolated example
2. click the button "show toast" in the opened dialog
3. you will see the toast "123" is shown under the overlay of the dialog

Expected Behaviour

The toast should appear above the dialog overlay, regardless of the UI5 version.

Screenshots or Videos

UI5 Web Components for React Version

2.5.0

UI5 Web Components Version

2.5.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

Organization

SAP SF

Declaration

• I’m not disclosing any internal or sensitive information.

[Lukas742]

Hi @AlexYanSap

As you mentioned, this was fixed in a later version (2.6.0 of @ui5/webcomponents). (#10178)

https://stackblitz.com/edit/github-xfohieoh-mn6dxxnn?file=package.json

[AlexYanSap]

Thank @Lukas742 for reopening it. To make it clear, I copies our request from the UI5/webcomponents-react#6977

We have many modules heavily depending on the ui5-wc, and it's risky to bump all of them to the 2.6.0 or the above in the 1H of this year. So could we help downport the fix to the 2.5.X?

[Lukas742]

@AlexYanSap Thanks for giving the context here as well. I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

---

Hi Colleagues,
could you please check if a downport of the Toast fix is feasible?