Width is ignored on first child element in titlebar (ST2-RC)

[Zyphrax]

The width of the first child element in a titlebar is always set to 'auto'.

Ext.define('App.view.StatusBar', {
    extend: 'Ext.TitleBar',
    xtype: 'StatusBar',
    config: {
        title: 'My title bar',
        docked: 'top',
        items: [
        { hidden: true },
        {
           xtype: 'button',
            action: 'home',
            iconCls: 'orb',
            ui: 'orb',
            width: 60
        }
    ....

My workaround is to add a hidden element as first child (red code).

[Jamie Avins]

Thank you for the report.

[Jamie Avins]

This issue has been fixed for the next release.

[suz]

When my titlebar has a width of 400px or more, everything look fine. But when I resize my browser window to less than 400px width, the first element of the title bar becomes too width.
I tried to give it a fixed width, but that is ignored.

Ok:
ok.png

Not ok:
fail.png

I was wondering if this is the same bug or if I am doing something wrong.

I'm using Sencha 2.0.1 and here is my code:

config: {        styleHtmlContent: true,
        height: '100%',
        layout: {
            type: 'vbox',
            pack: 'start',
            align: 'center'
        },
        items: [
            {
                xtype: 'titlebar',
                height: '100%',
                docked: 'top',
                items: [
                    { xtype: 'button', iconCls: 'stopall', iconMask: true', align: 'left' },
                    { xtype: 'button', iconCls: 'blankscr', iconMask: true, align: 'left' },
                    { xtype: 'button', iconCls: 'restricted', iconMask: true, align: 'left' },


                    { xtype: 'button', iconCls: 'classview', iconMask: true, align: 'right'},
                    { xtype: 'button', iconCls: 'listview', iconMask: true, align: 'right'}


                ]
            }


        ]