[khusamov]

Почему в компоненте xtype: 'buttongroup' нельзя одновременно использовать опции: {height: 300, layout: "vbox"}?

То есть, когда я задаю эти опции, то размеры buttongroup меняются непредсказуемо, содержимое исчезает или коверкается, а рядом стоящие buttongroup могут пропадать.

Вот пример:

Ext.create('Ext.panel.Panel', {
    title: 'Panel with ButtonGroup',
    width: 300,
    height:600,
    renderTo: document.body,
    bodyPadding: 10,
    html: 'HTML Panel Content',
    tbar: [{
        xtype: 'buttongroup',
        height: 300,
        layout: "vbox",
        title: 'Clipboard',
        items: [{
            text: 'Paste',
            scale: 'large',
            rowspan: 3,
            iconCls: 'add',
            iconAlign: 'top',
            cls: 'btn-as-arrow'
        },{
            xtype:'splitbutton',
            text: 'Menu Button',
            scale: 'large',
            rowspan: 3,
            iconCls: 'add',
            iconAlign: 'top',
            arrowAlign:'bottom',
            menu: [{ text: 'Menu Item 1' }]
        },{
            xtype:'splitbutton', text: 'Cut', iconCls: 'add16', menu: [{text: 'Cut Menu Item'}]
        },{
            text: 'Copy', iconCls: 'add16'
        },{
            text: 'Format', iconCls: 'add16'
        }]
    }]
});

Исходный рабочий пример находится тут:
http://docs.sencha.com/ext-js/4-1/#!...er.ButtonGroup