Hello,
Since Touch 2.1 (beta and then rc), whenever I put a list along other elements inside a container, the list has zero height and it's invisible.
Here's an example:
Code:
Ext.define('My.Container', {
extend: 'Ext.Container',
config: {
scrollable: true,
items: [
{
html: 'My informative panel'
},
{
xtype: 'list',
scrollable: false,
itemTpl: '<strong>{label}</strong>',
data: [
{ label: 'Label 1' },
{ label: 'Label 2' },
{ label: 'Label 3' },
{ label: 'Label 4' },
]
}
]
}
});
And here's a little workaround (layout: vbox on container, flex: 1 on list) which will only partially solve, meaning that the list is visible but the scrolling behavior is a mess:
Code:
Ext.define('My.Container', {
extend: 'Ext.Container',
config: {
scrollable: true,
layout: 'vbox',
items: [
{
html: 'My informative panel'
},
{
xtype: 'list',
scrollable: false,
flex: 1,
itemTpl: '<strong>{label}</strong>',
data: [
{ label: 'Label 1' },
{ label: 'Label 2' },
{ label: 'Label 3' },
{ label: 'Label 4' },
]
}
]
}
});
I'm struggling to fix it. Any idea? This is working fine in Touch 2.0.1.1
Thanks