Component: BlockUI breaks when setting block() before (less than 150ms) unblock() animation finished. #16501
Labels
Resolution: Help Wanted
Issue or pull request requires extra help and feedback
Milestone
Describe the bug
When setting blocked flag to
true
too quick (less than 150ms) after previous valuefalse
, the block-ui breaks and it won't behave correctly.Environment
Chrome browser, Stackblitz provided.
Reproducer
https://stackblitz.com/edit/lfiv1x?file=src%2Fapp%2Fblock-ui-basic-demo.ts
Angular version
18.0.1
PrimeNG version
17.18.11
Build / Runtime
Angular CLI App
Language
ALL
Node version (for AoT issues node --version)
20
Browser(s)
No response
Steps to reproduce the behavior
Simulate HTTP calls
buttonBlockUI::Running
BlockUI::Running Block block()
BlockUI::Running Unblock destroyModal()
BlockUI::Running Unblock unblock()
BlockUI::Running Block block()
BlockUI::Running Unblock destroyModal()
Observe the screen is not blocking properly and flickering.
** The code setting up a simulated duration of 10 consecutive HTTP calls,
each is fired upon previous one resolved
It gives two timeout: min delays, and min durations,
Expected behavior
If setting the min delay = 200 or above, the blocked area correctly represents the duration of the block and the delay of start blocking.
no flickering over the blocked area.
The text was updated successfully, but these errors were encountered: