Layout doesn't respect the 'slidable' property

[dpearson588]

I've started using the Primefaces Extensions Layout component and have run into a problem with closable panes. I would collapse the pane and then resize my window and the collapsed pane would automatically open, then after 5 or so seconds the pane would collapse again. I tracked this down to the jquery UI layout option of slidable. It seems at some point that this property being set to false in the PE Layout was no longer respected. I'm running a showcase for an old version of Extenstions (0.7 maybe?) and it doesn't have the issue. However on current versions of extensions and the current showcase you can reproduce the problem

https://www.primefaces.org/showcase-ext ... Layout.jsf

Sets the slidable option to false.

Then if you open the example:
https://www.primefaces.org/showcase-ext ... llPage.jsf

Try collapsing the west panel. Then resize your browser. The west panel slides open despite the property. I've tried state management, server side options, and calling the layout's disableSlidable methods with no luck.

To me this slidable behavior would be really annoying so I'm just going to have to disable the closable option on the panes. Just figured I'd post this here so that you were aware.

[Melloware]

Somewhere along the years it must have changed because I am looking at the current code and there is no "slideable" property? There is only these two properties...

Code: Select all

		<attribute>
			<description>
				<![CDATA[Makes a pane resizable. Default is true.]]>
			</description>
			<name>resizable</name>
			<required>false</required>
			<type>java.lang.Boolean</type>
		</attribute>
		<attribute>
			<description>
				<![CDATA[Makes a pane closable. Default is true.]]>
			</description>
			<name>closable</name>
			<required>false</required>
			<type>java.lang.Boolean</type>
		</attribute>

[Melloware]

I see Jquery UI Layout does support the slideable property though...

http://layout.jquery-dev.com/documentat ... n_slidable

[dpearson588]

Yeah I'm not sure how it was working before. I'm just going off of the examples of using a LayoutOptions on the server side for more control and access to the jQuery UI Layout options. The showcase points you to the jquery documentation itself and noticed the slidable stuff there. Before reading about it in the jquery documentation I didn't know what the showcase was trying to accomplish with this code.

Code: Select all

	LayoutOptions panes = new LayoutOptions();  
        panes.addOption("slidable", false);  
        panes.addOption("resizeWhileDragging", true);  
        layoutOptionsOne.setPanesOptions(panes);
        

[Melloware]

Understood. This looks like a bug in the newer Jquery Layout I will see if i can figure it out.

[dpearson588]

Thanks!!

Yeah I figured it could be an issue in JQuery but didn't have a quick way to tell and couldn't find any other posts anywhere on it not behaving as expected.

[Melloware]

Reported and fixed. https://github.com/primefaces-extension ... issues/530

Will be in a patch 6.2.1 PFE version in a couple of weeks.