labelAlign not working in sencha-touch-2.1.0-beta3, when select is in hbox

[yishayw]

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

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:

[mitchellsimoens]

I have opened a bug in our bug tracker. labelAlign : 'top' does work but the default, left, does not work as expected.

[rdougan]

Thanks for the report. Fixed for the next release.