While building a view I tried to nest a formpanel followed by a panel in a panel.
So basically there is a nested structure like this:
Ext.Panel
--Ext.form.Panel
--Ext.Panel

The problem is, that the formpanel has no height. It would be nice if the formpanel would get the height it needs. Like height: auto in CSS.
Any ideas?

The code is the following:

Ext.define('MyApp.view.MyView', {
extend: 'Ext.Panel',
xtype: 'myview',
config : {
scrollable: true,
items : [
{
xtype: 'formpanel',
items: [
{
html: 'Content in formpanel'
}
]
},
{
xtype: 'panel',
items: [
{
html: "Content in panel"
}
]
}
]
}});

Thanks in advance.