Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$
BlockUI to block whole page
Hi, I was on 8.1.1, (metronic) I use blockUI to block the whole page by setting the <body> as the target, it works fine. However, the behavior is different in 8.1.3. My body is longer than 100% screen height. in 8.1.1, when screen is blocked (after DOM is loaded), the busy message stays at middle of screen, but in 8.1.3, the message is at the middle of the body (longer than screen height), so it is not middle of screen. Is this a bug? In old version you have way to block the page without specify a DOM element, this seems doesn't exist in v8.
Thanks
Replies (1)
Hi,
Please try to set the overflow value to auto to avoid this behaviour. This new option was added in v8.1.2 to support the scrollable content's blocking.
var target = document.querySelector("#kt_blockui_target");
var blockUI = new KTBlockUI(target, {overflow: "auto"});Regards.
