PDA

View Full Version : Autohide functionality not working properly in Nested Layout



mscifo
6 Dec 2006, 12:39 PM
Create a nested layout with a collapsible region...



westLayout = new YAHOO.ext.BorderLayout('main', {
south: {
split:true,
initialSize: 250,
minSize: 100,
maxSize: 400,
autoScroll:false,
collapsible:true,
titlebar: true,
animate: true,
cmargins: {top:2,bottom:0,right:0,left:0}
},
center: {
autoScroll:false,
titlebar:false
}
});

westLayout.beginUpdate();
westLayout.add('center', new YAHOO.ext.ContentPanel('top', {title: 'Top', fitToFrame:true, toolbar: null, resizeEl:'top-body'}));
westLayout.add('south', new YAHOO.ext.ContentPanel('bottom', {title: 'Bottom', fitToFrame:true, toolbar: null, resizeEl:'bottom-body'}));
westLayout.endUpdate(true);
layout.add('west', new YAHOO.ext.NestedLayoutPanel(westLayout, {title: 'West', fitToFrame:true}));


Collapse the bottom region in the nested layout. Click the header of the collapsed region (not the expand image) so that it will temporarily expand. Now move the mouse above the expanded region and it will autohide after a second. Now do the same thing again, except instead of moving the mouse above the expanded region, move it to the right so that it is outside of the nested layout. The region will never autohide. Autohide only works within the parent layout. It should work when the mouse is anywhere on the page off the region.