reachtokish / rctx-contextmenu

:bowtie: :sparkles: Context menu for React
https://reachtokish.github.io/rctx-contextmenu/
67 stars 15 forks source link

Append to anywhere #12

Closed reachtokish closed 4 years ago

reachtokish commented 4 years ago

This issue resolves issue #10 . Below is the example code need to use to get this feature

<ContextMenuTrigger
  id="my-context-menu-5"
>
  <div className="box">
    Right Click On Me
  </div>
</ContextMenuTrigger>

<ContextMenu
  id="my-context-menu-5"
  appendTo="body"
>
  <ContextMenuItem>Menu Item 1</ContextMenuItem>
  <ContextMenuItem>Menu Item 2</ContextMenuItem>
  <ContextMenuItem>Menu Item 3</ContextMenuItem>
  <ContextMenuItem>Menu Item 4</ContextMenuItem>
  <Submenu title="Submenu item">
    <ContextMenuItem>Menu Item 5</ContextMenuItem>
    <ContextMenuItem>Menu Item 6</ContextMenuItem>
    <ContextMenuItem>Menu Item 7</ContextMenuItem>
  </Submenu>
</ContextMenu>

appendTo="body" - does the magic btw.

appendTo value can be a html element like body or div or class selector like .some-class or even id selector like #someId .