BlockUI keeps ui block after blocked is false

[mdellanave]

Describe the bug

The blockUI component does not remove the mask div on top of the child contents

In this example the button is not clickable because of the transparent mask div on top
https://stackblitz.com/edit/primevue-4-vite-issue-template-u2wvqlfv

Some times ago I commented this #8321 (comment) reporting the same behavior

Pull Request Link

No response

Reason for not contributing a PR

• Lack of time
• Unsure how to implement the fix/feature
• Difficulty understanding the codebase
• Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/primevue-4-vite-issue-template-u2wvqlfv

Environment

same as the provided example

Vue version

3.5.26

PrimeVue version

4.5.4

Node version

20.19.1

Browser(s)

all

Steps to reproduce the behavior

1. let the page load
2. wait for the BlockUI blocked false promise (3sec)
3. try to click on the button

Expected behavior

clicking the button should open an alert message

[CristianaCostache]

My team is encountering the same problem, and it’s a serious issue for us since this component is used for handling page loading states. A fix would be much appreciated.

[titou10titou10]

Same here. after a few "block/unblock" events, the page stays in a "blocked" state. Latest versions of primevue are mot usable for us

[marcel-bernard]

Experiencing the same issue on our team as well, we've had to pin to version 4.5.2.