panel with form nested on top of panel - form not displayed

[determo]

Hi, I have this structure, but the form become hidden , any solution?

Ext.define("myapp.view.Viewport", {
    extend: 'Ext.tab.Panel',
    config: 
    {
        items:
        [
                    {
                        xtype: "panel",
                        title: "testPanel",
                        
                        items:
                        [
                            new Ext.form.FormPanel
                            ({
                                title: "testForm",
                                items: 
                                {
                                    xtype:'textfield',
                                    label:'form field'
                                }
                            })
                        ]
                    }
        ]
        
    }

});

[mitchellsimoens]

Moved from bugs forum to Q&A forum as this not a bug.

Two things,

you should not create an instance and use it as an item like that when using Ext.define and config object. You should just specify a config object.

You are nesting quite a lot, make sure you need to. If you need the form panel to be wrapped in a panel then you need to give the panel a layout or the form a size.

[determo]

thanks, width and height at formpanel solved the case....