SelectDialog: Does not work properly inside Form or ObjectPage

[DamyanKolev]

Describe the bug

When open a SelectDialog inside a Form or ObjectPage, the dialog cannot be accessed with the mouse, only with the keyboard. Also when open the SelectDialog is positioned behind the static area and behind its parent instead of being the frontmost.

Isolated Example

https://codesandbox.io/p/devbox/selectdialog-examples-jtnkgh?file=%2Fsrc%2FApp.jsx

Reproduction steps

1. 2. 3. ...

Expected Behaviour

I expect when the SelectDialog is contained in a Form or ObjectPage and once opened it should be in front of all elements and accessible by both keyboard and mouse.

Screenshots or Videos

No response

UI5 Web Components for React Version

^1.23.2

UI5 Web Components Version

^1.20.1

Browser

Chrome, Edge

Operating System

Windows

Additional Context

No response

Relevant log output

No response

Declaration

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

[Lukas742]

Hi @DamyanKolev

mounting dialogs, popovers, etc. inside other components can lead to unwanted side effects. You can find out more about this here.

I will close this issue now. If the behavior still occurs when you mount the SelectDialog outside, please let us know.