调整列宽文本字段Ui的Extjs被销毁

如何解决调整列宽文本字段Ui的Extjs被销毁

基本上，我的问题如下：

当我调整GridPanel中列的大小时，名称附近的文本框UI被破坏：右侧的行消失了。而是应根据宽度调整大小。我该如何解决？

这是我的代码：

...
columns: {
    defaults: {
        flex: 1,},layout:'auto',items: [{
             text: Strings.sharedname,flex: 1,minWidth: traccar.Style.columnWidthnormal,dataIndex: 'name',//style: 'text-align:right;!important',filter: 'string',defaults: {
                 margin: '-28 30 -5 50'
             },items: [{
                xtype: 'container',layout: {
                    type: 'vBox',align: 'right'
                },flex: 2,items: [{
                    xtype: 'textfield',id: 'nameFilter',listeners: {
                        change: function(field,value) {
                            filterGrid('name',value);
                        }
                    }
                }]
            }]
        }
...

以下是可重现的示例：

https://fiddle.sencha.com/#view/editor&fiddle/3a41