Bug with selectField.

[dmitryfisko]

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

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.

[mitchellsimoens]

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.

[dmitryfisko]

Thanks for your reply. Please show how to use layouts for the this occasion.