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
- Go to QACAND(please reach out to me on Team for the username/password)
- Go to the given user "***"
- Click on the "All Actions" button on the top left side
- Select "Change Job and Compensation Info" from Take Action
- Check the Job Information checkbox, select the date field, and make changes in another 2-3 fields
- 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
Bug Description
After clicking Cancel on dialogs, the OpenUI5 block layer (
id="sap-ui-blocklayer-popup") remains visible withpopover="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 thepopoverattribute, 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 setdisplay: blockvisibility: visibleTechnical Details
Block Layer State When Stuck
Expected Cleanup (Not Happening)
According to PR #12659, the cleanup should call:
Isolated Example
No response
Steps to Reproduce
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