Metronic Mega Update!Tailwind 4, React 19, Next.js 15, KtUI, ReUI, eCommerce, User Management Apps and more
Explore Update 
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.
