Pomax/react-onclickoutside

Health v2 · maintenance only

Adoption not part of the score

1815 stars · 185 forks observed · 2026-08-28

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

A React Higher Order Component (HOC) that lets components listen for clicks occurring outside of their own DOM element. It is commonly used to close menus, dropdowns, and popovers when the user clicks elsewhere on the page.

Use cases

• close a dropdown menu when clicking outside of it
• dismiss a popover or tooltip on outside click
• hide a modal or menu when the user clicks elsewhere on the page
• detect outside clicks for a React component
• wrap a React component with an onClickOutside handler
• handle outside touch or mousedown events in React

When to choose

• you need a small, focused, battle-tested utility for outside-click detection in React
• you want a HOC that works with both class and stateless functional components
• you need fine-grained control over which events are listened to and which elements are skipped

When to avoid

• you are not using React
• you prefer modern hook-based solutions like useClickOutside implemented inline
• you need a full UI component library with dropdowns and menus already handling this behavior

Facets

library · maturity maintenance

ui-components middleware frontend web-development browser react hoc onclickoutside event-handling dom nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="Pomax/react-onclickoutside")