focus-trap/focus-trap

Health v2 · maintenance only

Adoption not part of the score

1564 stars · 123 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A small vanilla JavaScript library that traps keyboard focus within a DOM node, cycling Tab/Shift+Tab among its focusable elements and blocking outside clicks. It is designed for building accessible modals and dialogs, with framework wrappers like focus-trap-react available.

Use cases

• trap focus inside an accessible modal dialog
• keep Tab key cycling within a dropdown menu or drawer
• return focus to the trigger element when a dialog closes
• block clicks outside an open popover
• build accessible keyboard navigation for custom widgets

When to choose

• you need WAI-ARIA-compliant focus containment for modals or menus in vanilla JS or any framework
• you want a small, modular library with pause/resume and nested trap support
• you need broad browser support and a UMD build

When to avoid

• you use React and prefer a ready-made wrapper (use focus-trap-react instead)
• you need full dialog styling, animations, or overlay behavior (this only manages focus)
• your project does not involve keyboard/focus accessibility concerns

Facets

library · maturity stable

ui-components accessibility web-development frontend accessibility browser focus-management keyboard-navigation modal-dialog vanilla-js a11y nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="focus-trap/focus-trap")