@zag-js/remove-scroll

This is part of the Zag.js ecosystem but works perfectly standalone for scroll-locking scenarios like modals and drawers. The API is straightforward - you call `removeScroll()` which returns a cleanup function. It handles the tricky bits like preventing layout shift from scrollbar removal, iOS Safari touch-move issues, and nested scroll contexts automatically.

The TypeScript definitions are excellent with clear function signatures and options. The library properly manages multiple simultaneous scroll locks (counting references internally), so you don't have to worry about unlocking too early when multiple modals stack. It also preserves scrollbar width compensation by adding padding, preventing the jarring content shift most naive implementations cause.

Documentation is minimal but the API surface is small enough that it's not a major issue. The main gotcha is remembering to call the cleanup function - if you forget, scroll stays locked. Would benefit from more examples showing integration patterns with different frameworks, though the existing Zag.js component examples provide some guidance.

This is a straightforward utility from the Zag.js ecosystem that handles one thing well: preventing body scroll when modals or overlays are open. The API is minimal—essentially enabling/disabling scroll lock—which makes it easy to integrate without overthinking. It properly handles scroll bar width compensation to prevent layout shifts, which many homegrown solutions miss.

From a security perspective, this package has practically zero attack surface. It's a pure DOM manipulation utility with no network calls, no external dependencies beyond peer dependencies, and no data processing. The code is transparent and auditable. Input validation isn't really applicable here since it accepts minimal configuration, mostly just DOM references.

The main consideration is that it's part of the larger Zag.js state machine library ecosystem, so you're pulling in patterns from that project. The package itself is well-maintained with regular updates, and error handling is straightforward—it fails gracefully if DOM elements aren't available rather than throwing unclear exceptions.

This is a straightforward utility from the Zag.js ecosystem that does one thing well: preventing body scroll while keeping scroll position intact. The API is dead simple—call `removeScroll()` to lock, and call the returned cleanup function to unlock. It handles the finicky details like touch-move prevention and scroll restoration that are easy to get wrong when rolling your own.

The library shines in modal/dialog scenarios where you need scroll locking without layout shift. It preserves the scrollbar gap by default, preventing the jarring content reflow that happens when scrollbars disappear. The code is small (~2KB) and integrates cleanly with any framework since it's vanilla JS. Error messages are minimal because there's not much that can go wrong, but the TypeScript types are helpful.

The main downside is sparse standalone documentation—you'll need to reference the broader Zag.js docs or read the source. It's also part of a larger ecosystem, so if you just need scroll locking without other Zag utilities, you might prefer a more focused package. That said, it works reliably and I haven't encountered bugs in production use.