tippyjs-react VS cmdk

Tippy (Tooltips): Tippy.js for React applications

Tippy library provides a fast, easy and non-complex way to integrate tooltips in react. See full documentation.

Yet another option is to use a library for popups that has a built-in "onClickOutside" option. I've been using Tippy.js (with official react port) quite successfully and got rid of the same kind of problems you are having.

cmdk

Link : https://cmdk.paco.me/

We already have a sidebar and a client-side search package cmdk to navigate to different screens, but difficulties arise when we want to search for different user profiles, teams, team performance, etc., which forces us to integrate a better third party search engine for Feedback.

CMDK Console: A console for your React applications

The Combobox of shadcn/ui used in the above implementation is a wrapped version of cmdk’s Combobox. I wanted to change the logic of suggest, so I added my own implementation to the filter as described in cmdk’s documentation. It seems that sorting is also possible. For example,change https://github.com/armandsalle/my-site/blob/main/src/components/autocomplete.tsx#L88 to the following:

For a company of my size and varied requirements though, the ecosystem saves us months of work since there's always a library to help meet the requirements. A specific example recently would be the need for a command menu, with React we can just take one off the shelf like https://cmdk.paco.me/ that with 5.2k stars we can be confident is stable. Compared with Svelte's https://github.com/rohitpotato/svelte-command-palette with 140 stars there's just more risk when deploying to millions of users.

You can either build a command palette yourself from scratch by using Cmdk or Kbar, or go with the SaaS route (e.g Magny) in case you want something readily baked.