primefaces#3420

Author: tandraschko

src/main/java/org/primefaces/component/overlaypanel/OverlayPanelRenderer.java

@@ -78,7 +78,7 @@ protected void encodeScript(FacesContext context, OverlayPanel panel) throws IOE
                 .callback("onHide", "function()", panel.getOnHide())
                 .attr("my", panel.getMy(), null)
                 .attr("at", panel.getAt(), null)
-                .attr("appendToBody", panel.isAppendToBody(), false)
+                .attr("appendTo", panel.getAppendTo(), null)
                 .attr("dynamic", panel.isDynamic(), false)
                 .attr("dismissable", panel.isDismissable(), true)
                 .attr("showCloseIcon", panel.isShowCloseIcon(), false)

src/main/resources-maven-jsf/ui/overlayPanel.xml

@@ -64,11 +64,10 @@
             <description>Effect to display when hiding the panel.</description>
         </attribute>
         <attribute>
-            <name>appendToBody</name>
+            <name>appendTo</name>
             <required>false</required>
-            <type>java.lang.Boolean</type>
-            <defaultValue>false</defaultValue>
-            <description>When set true, panel is appended as a child of document body.</description>
+            <type>java.lang.String</type>
+            <description>Alternative to appendToBody. Appends the overlayPanel to the given search expression.</description>
         </attribute>
         <attribute>
             <name>onShow</name>

src/main/resources/META-INF/resources/primefaces/overlaypanel/overlaypanel.js

@@ -38,7 +38,8 @@ PrimeFaces.widget.OverlayPanel = PrimeFaces.widget.BaseWidget.extend({
         }
 
         if(this.cfg.appendToBody) {
-            this.jq.appendTo(document.body);
+            var appendTo = PrimeFaces.expressions.SearchExpressionFacade.resolveComponentsAsSelector(this.cfg.appendTo);;
+            this.jq.appendTo(appendTo);
         }
 
         this.bindCommonEvents();
@@ -277,7 +278,7 @@ PrimeFaces.widget.OverlayPanel = PrimeFaces.widget.BaseWidget.extend({
             this.jq.css('position', 'fixed');
 
             //append to body if not already appended by user choice
-            if(!this.cfg.appendToBody) {
+            if(!this.cfg.appendTo) {
                 this.jq.appendTo(document.body);
             }
         }