Looks like we can't reproduce the issue or there's a problem in the test case provided.
-
Sencha User
Bug with selectField.
Hi everyone.
I am trying to put the two selectfield in one container, one on the left, the other right. But when you open the selectField, left selectField remains an active button. You can see it here.
Screen3.pngscreen1.png
Code:
Ext.define('MyApp.view.MyContainer', { extend: 'Ext.Container',
config: {
items: [
{
xtype: 'titlebar',
docked: 'top',
title: 'Test'
},
{
xtype: 'container',
margin: '0.4em 0.3em 0.4em 0.3em',
items: [
{
xtype: 'selectfield',
width: '40%',
options: [
{
text: 'Coca-cola',
value: 'coca'
}
]
},
{
xtype: 'selectfield',
right: 0,
top: 0,
width: '40%',
options: [
{
text: 'Sprite',
value: 'sp'
}
]
},
{
xtype: 'button',
centered: true,
iconCls: 'add',
iconMask: true
}
]
}
]
}
});
P.S. Sorry for my English.
-
This is because you have set the top and right config making that selectfield floating versus the first one not being floating. Your button also uses the centered config which will make it floating also. You need to use layouts to accomplish this.
-
Sencha User
Thanks for your reply. Please show how to use layouts for the this occasion.