Skip to content

[SF][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

Labels

Type

No type
No fields configured for issues without a type.

Projects

Status
New Issues

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions