Interaction Blocker
A utility code component that can block page scroll and pointer events, compatible with native and Lenis smooth scrolling.
Make it with Workshop
Build your own component with AI
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.
