Make menu appear next to cursor

[madprops]

Sometimes the trigger button that is clicked to show the context menu is very long, in my case.

So if I click near the middle of it, the menu still appears on the top.

Wondering if there's a way to make the context menu appear near the location of the trigger click?

[nkappler]

Passing an event instead of an element to the show function should do the trick.
You can observe the difference on the demo page (https://nkappler.de/ctxmenu/)
The Button "Click this Button" passes an event and the menu sticks to the cursor, the 'button' below (which is a span element passes an element instead and the menu is attached to the elements coordinates.
Also see:
https://github.com/nkappler/ctxmenu#ctxmenushow

Code example

<!-- Use This:                                     v  -->
<button onclick="e => ctxmenu.show([ /* menu */ ], e)">Click this Button!</button>
<!-- Not This:                                       vvvvvv  -->
<button onclick="e => ctxmenu.show([ /* menu */ ], e.target)">Click this Button!</button>