有没有办法解决EXT.JS 4.1中UI组件的重叠问题

Question

我在旧版应用程序中使用的是Ext.JS的旧版本，最近，Chrome浏览器出现了一个奇怪的渲染问题，即（随机）UI组件应该重叠在一起堆叠在一起。

我尝试在所有UI组件上设置高度和宽度，但这种情况仍然持续发生。

以下是该屏幕快照中显示的页面上某个组件的示例。这是页面上所有UI组件的典型代表。

    var selectionPanel =
    {
        layout:
        {
            type: 'hbox',
            align: 'stretch'
        },

        items: [
        {
            title: 'Select Option 1',
            flex: 1,
            margin: outerMargin,
            height: 100,
            style: {
                border: borderStyle
            },
            items: [{
                xtype: 'combo',
                width: 200,
                margin: innerMargin,
                triggerAction: 'all',
                store: [ <%= myNames.toString() %> ],
                listeners: {
                    select: State_Select
                }
            }]
        },
        {
            title: 'Select An Second Option',
            flex: 1,
            margin: '0 4 8 4',
            height: 100,
            style: {
                border: borderStyle
            },
            items: [{
                id: 'bulkTypeSelect',
                xtype: 'combo',
                width: 200,
                margin: innerMargin,
                triggerAction: 'all',
                store: [ <%= globalTypesNames.toString() %> ],
                listeners: {
                    select: State_Select_ET
                }
            }]
        }]
    };