TreePanel sometimes looks collapsed (height not set?)

[Maarten76]

Very occasionally, a TreePanel which is used in software I've built does not have the correct height.

Screen Shot 2012-12-11 at 11.45.20 AM.png

This only happens in Chrome and Windows XP. It doesn't happen all of the time. I used several machines with the same setup and only some of them have this problem.

The code of the treepanel is this:

var ouTreePanel = new Ext.tree.TreePanel({        id: 'ou-tree-panel'
        ,layout: 'fit'
        ,frame: false
        ,border: false
        ,autoScroll: false
        ,rootVisible: false
        ,root: ouRoot
        ,loader: ouLoader
        ,listeners: {
            'click': selectOrganization
            
        }
    });

When I have the same treepanel working and I use

Ext.get('ou-tree-panel').setHeight(1);

it looks the same as in the screenshot. This gives me the impression it has something todo with the layout.

Any help is really appreciated!

[mitchellsimoens]

What is the parent of the treepanel like? Also, you shouldn't change the layout of the treepanel.

[wm003]

I had a similar problem. it seems it happens, when the panel is initially collapsed, thus not rendered and height not set. i solved it by adding an event which does the layout again. You still have a little lag but it works.

...
                                listeners: {
                                    expand : function(p) {
                                        p.doLayout();                                        
                                    }
}
...