Есть ли способ исправить проблему с компонентами пользовательского интерфейса в EXT.JS 4.1?

Question

Я работаю со старой версией Ext.JS в устаревшем приложении, и недавно в Chrome возникла странная проблема с рендерингом, когда (случайным образом) компоненты пользовательского интерфейса, которые должны располагаться друг над другом, перекрываются.

Я пытался установить высоту и ширину для всех компонентов пользовательского интерфейса, и это все еще продолжается.

Вот пример включениякомпонентов на странице, отображаемой на снимке экрана.Это типично для всех компонентов пользовательского интерфейса на странице.

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