PDA

View Full Version : selectfield in overlay toolbar will hide the overlay on selection



glarotech
29 Sep 2011, 1:17 AM
Hi

I've a select field in a toolbar in an overlay:



MobileShop.views.CheckoutAddressOverlay = Ext.extend(Ext.Panel, {


// initialize view
initComponent: function() {


Ext.apply(this, {


// make panel vertical scrollable
scroll: 'vertical',


// the basket overlay is a floating, centered modal window
floating: true,
centered: true,
modal: true,


// set fix width, because of the dynamic spinner buttons
width: '80%',
height: '80%',


items: [
{
xtype: 'formpanel',
items: [
{
xtype: 'fieldset',
items: [
{
xtype: 'textfield',
label: 'foobar',
required: true
},
]
}
]
}
],


dockedItems: [
{
xtype: 'toolbar',
dock: 'top',
items: [
{
xtype: 'selectfield',
name: 'foobar',
options: [
{ text: 'abc' },
{ text: 'def' }
]
}
]
},
{
xtype: 'toolbar',
dock: 'bottom'
}
]
});


MobileShop.views.CheckoutAddressOverlay.superclass.initComponent.apply(this, arguments);


}


});




// register view
Ext.reg('checkoutAddressOverlay', MobileShop.views.CheckoutAddressOverlay);

Now when I click on the select field to select an option, the overlay will be hidden automatically (even if I set the overlay to 100% width/height.

cheers
domi

glarotech
29 Sep 2011, 1:23 AM
tested on WebKit 7534.48.3, r95925 / iPhone iOS 4.3.2 / Sasmsung Galaxy S2 Android 2.3.4