First button in titlebar gets too width

[suz]

When my titlebar has a width of 400px or more, everything looks 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:


Not ok:


I was wondering if it's a bug or if I am doing something wrong.

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

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'}
]
}
]
}

[mitchellsimoens]

Interesting. here is a full test case:

new Ext.Container({
    fullscreen : true,
    items      : [
        {
            xtype : 'titlebar',
            docked : 'top',
            items  : [
                {
                    text  : 'One',
                    align : 'left'
                },
                {
                    text  : 'Two',
                    align : 'left'
                },
                {
                    text  : 'Three',
                    align : 'left'
                },
                {
                    text  : 'Four',
                    align : 'right'
                },
                {
                    text  : 'Five',
                    align : 'right'
                }
            ]
        }
    ]
});

As you said, when the browser is resized smaller, the width of the first button gets set to a width. It should remain as auto.

[Jamie Avins]

If you aren't using a Title, you should probably be using a Toolbar. It's going to be doing an awful lot of work behind the scenes to center something that doesn't exist.

[rdougan]

Fixed for the next release. Thank you.