Sencha align이 빠져서 화면이 안보이는 경우

정상

// Define Master-Slave Grids
Ext.define('Home.view.data.Search', {
    extend: 'Ext.panel.Panel',
    xtype: 'Search',
    layout: 'hbox'
    title: 'Master-Slave Grids',
    items: [masterGrid, slaveGrid]
});

화면에 아무것도 안보임: 에러도 없음

Ext.define('Home.view.data.Search', {
    extend: 'Ext.panel.Panel',
    xtype: 'Search',
    layout: 'vbox'
    title: 'Master-Slave Grids',
    items: [
        searchPanel, // Added search panel on top
        {
            xtype: 'container',
            layout: { type: 'hbox', align: 'stretch' },
            flex: 1,
            items: [masterGrid, slaveGrid]
        }
    ]
});

align: 'stretch' 추가후 정상

Ext.define('Home.view.data.Search', {
    extend: 'Ext.panel.Panel',
    xtype: 'Search',
    layout: { type: 'vbox', align: 'stretch' }, // Updated layout for search panel
    title: 'Master-Slave Grids',
    items: [
        searchPanel, // Added search panel on top
        {
            xtype: 'container',
            layout: { type: 'hbox', align: 'stretch' },
            flex: 1,
            items: [masterGrid, slaveGrid]
        }
    ]
});