Hi All,

Moving my app from 2.0.1.1 to 2.1.0 (beta3) required me to fix some layout issues. I've been able to overcome most of them but there's one which I've been struggling with without success. It looks like surrounding a 'selectfield' with an 'hbox' causes the select field's label to be aligned with the former's bottom, rather than left. Setting the 'labelAlign' property explicitly didn't help. I'd much appreciate any workaround to this.

I've isolated the problem with an example app. See the code and the result below.

Thanks,
Yishay

Code:
Ext.define("GS2.view.Main", {
    extend: 'Ext.Container',
    xtype: 'loginView',
    requires: ['Ext.field.Select'],
    config: {
        fullscreen: true,
        items: [
            {
                xtype: 'container',
                layout: 'hbox',
                width: '100%',
                items: [
                    {
                        xtype: 'selectfield',
                        width: '100%',
                        label: 'Select',
                        labelAlign: 'left',
                        options: [
                            {text: 'First Option',  value: 'first'},
                            {text: 'Second Option', value: 'second'},
                            {text: 'Third Option',  value: 'third'}
                        ]
                    }
                ]
            }
        ]
    }
});
Result: