一个面板在窗口上重叠另一个面板调整大小

Question

我在Ext Window上使用了边框布局，并在west和center中放置了两个面板。现在的问题是，当我试图调整窗口中心面板的大小时，西面板上的重叠。任何解决方案。

Ext.define('ABC.view.main.Main', {
    extend: 'Ext.panel.Panel',
    xtype: 'app-main',

    requires: [
        'Ext.plugin.Viewport',
    ],

    controller: 'main',
    viewModel: 'main',
    layout: 'border',

    items: [
    {
        region: 'west',
        xtype: 'panel',
        scroll: 'y',
        frame: true,
        autoScroll: true,
        scrollable: true,
        flex: .18,
        split: false,
        items: [Some Tabs]
    },
    {
        xtype: 'panel',
        region: 'center',
        frame: true,
        scrollable: true,
        scroll: 'y',    
        layout: {
            type: 'vbox',
            align: 'stretch'
        },
        items: [Some Grid]
    }]
});

窗口代码。

H1 = new Ext.IframeWindow({
                        modal: true,
                        resizable: true,
                        title: 'Molecular Biomarkers',
                        closable: true,
                        constrain : true,
                        src: Some Path
                    });