Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

spherical / wheel / radial / circular / pie context menu #4986

Open
zsviczian opened this issue Mar 29, 2022 · 3 comments
Open

spherical / wheel / radial / circular / pie context menu #4986

zsviczian opened this issue Mar 29, 2022 · 3 comments

Comments

@zsviczian
Copy link
Collaborator

zsviczian commented Mar 29, 2022

Relates to: #3732
Replace the current "traditional" context menu with a spherical menu. Here are couple of npm packages to choose from:
https://www.npmjs.com/package/react-circular-menu/v/2.1.0
image

https://www.npmjs.com/package/circular-menu
Demo and sample code: https://jsfiddle.net/yandongCoder/kL4j7xor/10/
image

https://www.npmjs.com/package/react-pie-menu
image

https://npm.io/package/react-native-circular-action-menu (has multiple implementations: https://npm.io/search/keyword:circular-menu)
image

https://npm.io/package/react-planet
example here: https://innfactory.github.io/react-planet/?path=/story/planet--default
image

https://www.npmjs.com/package/react-radial-menu
Demo: https://antho2407.github.io/react-radial-menu/
image

The current menu is becoming bigger and bigger and soon won't fit the screen of a mobile:
image

@zsviczian zsviczian changed the title spherical / wheel / circular context menu spherical / wheel / radial / circular context menu Mar 29, 2022
@zsviczian zsviczian changed the title spherical / wheel / radial / circular context menu spherical / wheel / radial / circular / pie context menu Mar 29, 2022
@codepunkt
Copy link

You could hide functionality on mobile, make the menu scrollable or the menu entries configurable. Lots of ways to deal with this without having to resort to fancy circular menus. I like the menu the way it is and would be put off by any of the alternatives you mentioned, at least for desktop.

@zsviczian
Copy link
Collaborator Author

@codepunkt, so I understand you are not a fan of radial menus, fair enough.
What about multi-level menus?

https://www.npmjs.com/package/react-contextmenu
demo: https://vkbansal.github.io/react-contextmenu/#/submenus
image

@YesterKo
Copy link

I unfortunately don't know how to help, but this would be very useful for pen usage, because I don't always have access to my keyboard and radial menus would be a perfect fit for it.

Currently as an alternative I had to switch to Gnome, so that I can use Fly-Pie for pie menus, that is binded to keyboard keys. Not perfect, but better than nothing.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants