p:dialog + pe:layout strange behavior (pf-extensions)

[liukvar]

Hi,
We are evaluating several technologies for the realization of our projects and in particular the UI frameworks. Previously we used Backbase JSF edition, for the ability to have windows. Backbase is now obsolete, and we need to choose another Framework. The options are PrimeFaces and Ext.js.
With Ext.js is not a problem to use windows, but we prefer to stay with JSF.
I think ''Dialog' widget (with modal = "false") is perfect for our needs, but we also need to divide/split the contents of the Dialog.
I used the following code:

Code: Select all

<p:dialog modal="false" widgetVar="testDialog" header="Window Header" width="420" height="420">
   <pe:layout fullPage="false" style="width:400px; height:400px;" state="#{layoutController.stateOne}">
         <pe:layoutPane position="west" size="150" minSize="40" maxSize="300"> 
           Left 
          </pe:layoutPane>
          <pe:layoutPane position="center"> 
             Center 
           </pe:layoutPane>
   </pe:layout>
 </p:dialog>

The problem is that when I try to resize the dialog, it disappears during the mouse drag.
Have you also had the same problem? I would be very grateful if you could help me.

Thank you,
Luke

[Oleg]

To be honest I have never tried pe:layout in p:dialog. Have you tried to use p:layout in dialog instead of pe:layout? How does it behave?