ui5-dialog: block layer blocks dialog in OpenUI5

Describe the bug When opening a ui5-dialog in OpenUI5 the block layer blocks the actual dialog. If you have controls inside of it, you can still navigate and interact with your keyboard, but you cannot target it with your mouse.

To reproduce Steps to reproduce the behavior:

1. Create a UI5 library, which implement a custom control for the dialog.
2. Import the library into the UI5 app.
3. Use custom control in view.
4. Write a controller, which opens the dialog.

Isolated example Code Sandbox Example

Expected behavior The dialog should be in front of the block layer and you should be able to interact with it by using your mouse.

Screenshots If applicable, add screenshots to help explain your problem. More Examples on imgur

Context

• UI5 Web Components version: 1.0.0-rc.8 (latest version)
• OS/Platform: Windows
• Browser (if relevant): {…}
• Other information:
  • UI5 version: 1.80.0 (latest)

Affected components (if known)

Log output / Any errors in the console no error messages

[ignipae]

Hi, I can confirm this as well. Basically, this happens as soon as the dialog is created from within the xml view. When creating the dialog within a javascript function, it works as expected.

[Smux]

We also found out that this issue occurs as well when you want to open a UI5 web component dialog while a SAPUI5 dialog is opened. The UI5 Web component dialog is opening but we are not able to focus it via cursor. We assume that the block layer of the SAPUI5 dialog is causing this issue. Note: This also happens when opening the UI5 Web component dialog via JS and not XML.