Interaction Blocker
A utility code component that disables page scroll and pointer events. Fully compatible with native scrolling and Lenis.
How to Use
Add Interaction Blocker to the page or component;
Turn on/off the corresponding property when needed.
Use Cases
Loading screens;
Full screen menus;
Modals and dialogs;
etc.
Note
The parent element must use position: fixed and overflow: visible when nesting the Interaction Blocker.
