theKashey/react-focus-lock

Health v2 · maintenance only

Adoption not part of the score

1389 stars · 74 forks observed · 2026-08-28

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

A React library that traps keyboard focus within a component, such as a modal dialog, preventing users from tabbing out. It supports React portals, focus groups, return-focus behavior, and programmatic focus management.

Use cases

• trap focus inside a modal dialog
• prevent tabbing out of a form
• manage focus for accessibility in React apps
• return focus to the trigger element when a dialog closes
• create multiple isolated focus lock groups
• handle focus for content rendered in React portals

When to choose

• building accessible modal dialogs or popovers in React
• you need focus containment that works with portals and positive tab indexes
• you want a small, battle-tested library trusted by major UI frameworks

When to avoid

• you need combined scroll and focus locking (consider react-focus-on)
• your project is not React-based
• you only need simple focus styling rather than focus containment

Facets

library · maturity stable

ui-components accessibility web-development frontend accessibility browser focus-trap modal-dialogs a11y react-component focus-management react javascript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="theKashey/react-focus-lock")