How to create a context sensitive right-click menu in svelte?

Question

I found this example to create a right-click menu in Svelte, which works fine. It is bound on the whole document body using svelte:body.

What I would like to have is a right-click menu only in context of specific Component e.g. a list of steps, where with the menu I could have actions like "mark all items in the list before" or "mark all items after the current step as red".

score 5 · Answer 1 · answered Oct 16 '20 at 13:59

5

OK, I had to define the Context Menu in the Step component itself to make it work.

Here's my solution: https://svelte.dev/repl/16c8a02ebaa9425a9cbbfd66feea1a9e?version=3.29.0

answered Oct 16 '20 at 13:59

dvelderp

101
1
6

It is nice, but you can open a few menus at the same time. – Tomasz Plonka Dec 07 '20 at 15:10
Doesn't work for me, I get the standard OS context menu. – geoidesic Jun 27 '21 at 09:44
maybe you should right-click on the line items... it does work. – Olivier Refalo Apr 07 '22 at 05:23

How to create a context sensitive right-click menu in svelte?

1 Answers1