Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Dialog wrongly hide SAPUI5 popover which has z-index #10420

Open
1 task done
mydavidzhang opened this issue Dec 19, 2024 · 1 comment
Open
1 task done

Dialog wrongly hide SAPUI5 popover which has z-index #10420

mydavidzhang opened this issue Dec 19, 2024 · 1 comment
Assignees
@GerganaKremenska
Labels
bug This issue is a bug in the code Medium Prio TOPIC RD

Comments

@mydavidzhang
Copy link

Bug Description

In WC UI5 2.x ui5-dialog uses popover="manual" so that always show on top of page. When dialog content is rendered by SAPUI5 then opened popover is behind WC UI5 dialog which is an issue.
For example below demo html source code, the issue is "SAPUI5_MessagePopover" is invisible since is behind of "WCUI5_Dialog".

<html>
<body>
  <div id="sap-ui-static">
    <div id="SAPUI5_MessagePopover" role="dialog" style="z-index:20">popover message</div>
  </div>
  <ui5-dialog id="WCUI5_Dialog" popover="manual">
    <div id="SAPUI5_Content">
      <button id="SAPUI5_Button" data-sap-ui-render>Click button to open message popover</button>
    </div>
  </ui5-dialog>
</body>
</html>

Affected Component

No response

Expected Behaviour

WC UI5 dialog should be able to work correctly with SAP UI5 component which is using z-index.

Isolated Example

No response

Steps to Reproduce

  1. Create a WC UI5 dialog
  2. Somehow render SAP UI5 content (like button and popover) to content of above WC UI5 dialog
  3. Click SAPUI5 button to open SAPUI5 popover

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

2.5.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

SAP SF

Declaration

  • I’m not disclosing any internal or sensitive information.
@mydavidzhang mydavidzhang added the bug This issue is a bug in the code label Dec 19, 2024
@stephania87 stephania87 self-assigned this Dec 19, 2024
@ivoplashkov
Copy link
Member

Hello colleagues,

I think based on the description I was able to reproduce it in an isolated example - here

The user wants to open a sap.m.Popover within a ui5-dialog, however the Popover seems to be opened bellow the dialog, which I think is the expected behaviour due to the popover API, but could you please consult him on how to achieve the desired behaviour?

Best regards,
Ivaylo

@ivoplashkov ivoplashkov removed their assignment Dec 23, 2024
@GerganaKremenska GerganaKremenska self-assigned this Dec 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@GerganaKremenska GerganaKremenska

Labels
bug This issue is a bug in the code Medium Prio TOPIC RD
Projects
Maintenance - Topic RD
Status: New Issues
Milestone
No milestone
Development

No branches or pull requests
4 participants
@stephania87 @mydavidzhang @GerganaKremenska @ivoplashkov