List in ActionSheet is not visible

[Martin Hujer]

REQUIRED INFORMATION

Ext version tested:

• Sencha 2.2.0b1

Browser versions tested against:

• Chrome 25

Description:

• When I add a list into actionsheet, it is not visible

The result that was expected:

• List will be visible

The result that occurs instead:

• List is not visible

Test Case:

var list = Ext.create('Ext.List', {
	itemTpl: '{title}',
	//style: 'height: 300px;', //Hotfix
	data: [
		{ title: 'Item 1' },
		{ title: 'Item 2' },
		{ title: 'Item 3' },
		{ title: 'Item 4' }
	]
});

var actionSheet = Ext.create('Ext.ActionSheet', {
	items: [
		{
			text: 'Delete draft',
			ui  : 'decline'
		},
		list,
		{
			text: 'Save draft'
		},
		{
			text: 'Cancel',
			ui  : 'confirm'
		}
	]
});

Ext.Viewport.add(actionSheet);
actionSheet.show();

HELPFUL INFORMATION


Screenshot or Video:
List without fixed height:
list-hidden.png

List after setting fixed height
list-shown.png

Possible fix:

• Add a fixed height to the list

Additional CSS used:

• only default base.css and wp.css

[mitchellsimoens]

This is not a bug, the list needs a height either via setting it on the list or via it's parent's layout manager.