timbokz / react-context-menu-wrapper

🖱️ Unopinionated context menu component for React.

React Context Menu Wrapper

Introduction

Important: React Context Menu Wrapper v3+ uses React hooks and functional components. If your project does not support them, consider using v2 or below.

This library provides a simple wrapper for your context menus. It handles user interaction on desktop and mobile devices, and guarantees correct context menu positioning.

In an effort to stay unopinionated, this library does not provide any styling or additional components. It is up to you define your own styles and logic for the menu. This is useful when your CSS framework already provides dropdown menu styling (e.g. Bulma, Bootstrap) or when you need to implement some non-trivial logic for your context menu (e.g. Ogma context menus with tagging support).

View documentation and examples

Preview

Contributing

Please enable ESLint and Prettier integration in your editor, and use the provided configs.

License

MIT © Tim K. 2020

react-context-menu-wrapper's Issues

programmatical approach?

long press on mobile brings up context in the MIDDLE of the mouse click?

Seems like long press brings up the context menu centered over the pointer.

It the context menu should be above or below... not center

No typescript types?

I saw your post on reddit about this and looks close to what I'm looking for.

No typescript types though?

Next JS Compatiable

Great Package, I'm trying to use it in a NextJS app, attempting to do a local menu i get a window undefined issue.
Could you add proper checks for window and navigation before trying to access them?
Thank you for creating this package.

Server Error

ReferenceError: window is not defined
This error happened while generating the page. Any console logs will be displayed in the terminal window.
/node_modules/react-context-menu-wrapper/lib/util.js (17:33)