在选择选项时，Ext容器布局打破了多选组合框组件 - EXTJS

Question

我有一个布局，我需要并排放置。布局包括： 1- Combobox 2-多选组合 3-文本字段

现在我正在使用容器的布局属性，并将其设置为vbox，用于内部容器的主要cont和hbox。现在由于某些原因，当我尝试在这里选择多个选项时，我的multisselect组合框正在破碎。

附件是它的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

                }

            },

知道为什么会发生这种情况以及如何解决这个问题？