Skip to content

[ui5-popover]:Block Layer Not Cleaning Up After Dialog Close - popover="manual" Issue #13635

@VidhiNPatel

Description

@VidhiNPatel

Bug Description

After clicking Cancel on dialogs, the OpenUI5 block layer (id="sap-ui-blocklayer-popup") remains visible with popover="manual" attribute and blocks all user interactions on the page.

PR #12659 (#12659) introduced popover="manual" attribute to OpenUI5 block layers to fix rendering order issues between OpenUI5 and Web Components dialogs.

The Problem: When dialogs close, the cleanup logic fails to call hidePopover() and remove the popover attribute, leaving the block layer stuck in a visible state.

Affected Component

No response

Expected Behaviour

Expected: Dialog closes, block layer is hidden, page is interactive

Actual: Dialog closes, but block layer remains visible with these properties:

  • popover="manual" attribute still set
  • display: block
  • visibility: visible
  • User cannot click anything on the page

Technical Details

Block Layer State When Stuck

<div id="sap-ui-blocklayer-popup" 
     tabindex="0" 
     class="sapUiBLy" 
     popover="manual" 
     style="z-index: 28; visibility: visible; display: block;">
</div>

Expected Cleanup (Not Happening)

According to PR #12659, the cleanup should call:

// From packages/base/src/features/patchPopup.ts
function closeNativePopoverForOpenUI5() {
  blockLayer.hidePopover();           // ← NOT BEING CALLED
  blockLayer.removeAttribute('popover'); // ← NOT BEING CALLED
}

Isolated Example

No response

Steps to Reproduce

  1. Go to QACAND(please reach out to me on Team for the username/password)
  2. Go to the given user "***"
  3. Click on the "All Actions" button on the top left side
  4. Select "Change Job and Compensation Info" from Take Action
  5. Check the Job Information checkbox, select the date field, and make changes in another 2-3 fields
  6. Now click on "Cancel" button and observe that the overlay is blocking all user interactions on the page.

Log Output, Stack Trace or Screenshots

No response

Priority

High

UI5 Web Components Version

2.20

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugThis issue is a bug in the code

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions