Fixed #1583

primefaces · Dec 13, 2016 · 3681325 · 3681325
1 parent 02bd74e
commit 3681325
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/components/contextmenu/contextmenu.ts b/components/contextmenu/contextmenu.ts
@@ -116,6 +116,8 @@ export class ContextMenu implements AfterViewInit,OnDestroy {
 
     @Input() styleClass: string;
 
+    @Input() appendTo: any;
+
     visible: boolean;
 
     container: any;
@@ -139,6 +141,13 @@ export class ContextMenu implements AfterViewInit,OnDestroy {
                 event.preventDefault();
             });
         }
+
+        if(this.appendTo) {
+            if(this.appendTo === 'body')
+                document.body.appendChild(this.el.nativeElement);
+            else
+                this.domHandler.appendChild(this.el.nativeElement, this.appendTo);
+        }
     }
 
     show(event?: MouseEvent) {
@@ -219,6 +228,10 @@ export class ContextMenu implements AfterViewInit,OnDestroy {
                 this.unsubscribe(item);
             }
         }
+
+        if(this.appendTo) {
+            this.el.nativeElement.appendChild(this.container);
+        }
     }
 
 }

diff --git a/showcase/demo/contextmenu/contextmenudemo.html b/showcase/demo/contextmenu/contextmenudemo.html
@@ -105,6 +105,12 @@ <h3>Attributes</h3>
                             <td>null</td>
                             <td>Style class of the component.</td>
                         </tr>
+                        <tr>
+                            <td>appendTo</td>
+                            <td>any</td>
+                            <td>null</td>
+                            <td>Target element to attach the overlay, valid values are "body" or a local template variable of another element.</td>
+                        </tr>
                     </tbody>
                 </table>
             </div>