Ext容器布局在选择选项时破坏multiselect组合框组件-EXTJS

我有一个需要并排放置的布局。布局包括： 1-组合框 2-多选组合 3-Textfield

现在，我使用容器的layout属性，并将其设置为主容器的vbox和内部容器的hbox。现在，由于某种原因，当我尝试在此处选择多个选项时，我的MultiSelect组合框正在破裂

附件是它的gif

代码如下：

    var $cls = NS.AAA = function(cfg) {
        $cls.superclass.constructor.call(this, Ext.apply({
            height: 45,
            layout: {
                type: 'vbox',
                align: 'stretch',
                pack: 'center'
            }
          //end of xtype container

        }, cfg));
    };
addFilter: function(token, filter, op) {
                var filterItem = Ext.create({
                    xtype: 'container',
                    height: 30,
                    cls: 'purge-filter-item',
                    layout: {
                        type: 'hbox',
                        align: 'middle'
                    },
                    items: [
                   this.typeCombo = new Ext.form.ComboBox({
                      emptyText: $L('Select a filter...'),
                      store: this.menuStore = new Ext.data.ArrayStore({
                           fields: ['key', 'title'],
                           data: this.getFilterValues()
                       })
                    }),

                      new ux.form.datepicker.SuperDateField({
                         anchor: '0',
                         ref: "../date",
                        cls: "purge-date",
                         hideTrigger2: true,
                         includeFutureOptions: false,
                         simpleMode: true,
                         isDateRange: true,
                         hidden: true
                     }),

                     new Qx.form.MultiSelectComboBox({
                        allowCommaInQuery: true,
                        anchor: '-5',
                        displayField: 'value',
                        valueField: 'value',
                        hideRefreshLabel: true,
                        ref: "../multiComboRegions",
                        refreshable: false,
                        mode: 'local',
                        emptyText: $L('Select Regions'),
                        enableCopyPaste: false,
                        anyMatch: true,
                        caseSensitive: false,
                        value: ["name"],
                        cacheSizes: false,
                        hidden: true,
                        store: this.multiCombo = new Ext.data.ArrayStore({
                          fields: ['value'],
                            data: this.tokenValues,
                            expandData: true,

                        }),
                    }),// end of multiSelect     

                    }]

                }); // end of filteritem

                }

            },

---

你知道为什么会发生这种情况以及如何解决吗？

什么问题？当我从下拉选项中选择时，当你从gif中看到布局时，该行在测试用例后向上推。