Context Menu

[mercuriete]

Hi im am trying to implement a context menu with this library.

to archive my goal, i used drop down menu inside a custom component that have a div with oncontextmenu handler wraping the childrens.

when a context menu is triggered i set the open state of the drop down menu and forceupdate to rerender from outside the component.

my problems were that every time that i right click on an element, this trigers an mouseup event as well.

finally i get something working good enough but i have some problems with tap events because i dont know if was a longtap or a regular tap event.

It would be nice that you implement a Context Menu component because DropDown is not created for this purpouses.

I think that this idea will be usefull for a lot of people because on mobile phones is natural to use context menus with a long tap or right click.

thank you in advance for this awsome product :)

[rolandpoulter]

I created a ContextMenu component that may suite your needs, if not it should provide a nice example of one.
https://github.com/rolandpoulter/on-web-ui/blob/master/src/common/views/ContextMenu.js

[alitaheri]

@rolandpoulter Thanks for sharing it with us 👍 👍 I'll have a look

Would it be ok with you if we include your work in our repository?

[rolandpoulter]

Yes! I would create a PR myself, just have to get around to it.

[aahan96]

@rolandpoulter Are you working on a PR for this?

[imerkle]

Does it supports nested ?

[mririgoyen]

+1 Would love to see a dedicated Context Menu component. The Popover component can be used, but it falls short in many areas in regards to what a context menu should do.

[alex1kirch]

I have a ContextMenu component in my repository. The Menu component from material-ui is used in it.

Code: https://github.com/alex1kirch/material-ui-experiments/blob/master/src/decorators/contextMenu.tsx

Example: https://mui-experiments.herokuapp.com/contextMenu

[oliviertassinari]

There is a paid version of the component in https://www.telerik.com/kendo-react-ui/components/layout/menu/context-menu/.

[oliviertassinari]

Looking at the telerik component, it seems that all we need is a new demo with the Menu component, reopening.

[akphi]

@oliviertassinari I tried out what @alex1kirch had in his demo, seems to work for me!

[mercuriete]

@oliviertassinari
Hi, even though I am not working on that company that I worked on 2015, this use case is still valid.

I can't help on developing right now due to time constraint but I can help on testing if this ticket got implemented.
Thanks :)

[mercuriete]

Sorry I didn't see my mention on the PR

I did a little test and It work on mobile and It works perfect.

Thank you very much
:-)