[2.2.0 Beta] Ext.field.Select does not destroy its list panel (picker)

[michael.piecko]

I noticed a growing number of items inside my Ext.Viewport whenever i used a 'selectfield' with the list picker (usePicker: false). As recommended i destroy all panels that i don't use anymore in my Ext.Viewport. Here i noticed that the number is growing after calling a form with a selectfield in it, even if the form panel is destroyed.

I solved it by adding the following lines inside the destroy() method of Ext.field.Select:

  
        ...  
        if (this.listPanel) {
            Ext.destroy(this.listPanel);
        }

        if (this.picker) {
            Ext.destroy(this.picker);
        }
        ...

Michael

Ext.Viewport.add({
    items : [
        {
            html : 'Open picker on select field first, then tap button. Console should show undefined.'
        },
        {
            xtype   : 'selectfield',
            label   : 'Test',
            options : [
                { text : 'First Option',  value : 'first'  },
                { text : 'Second Option', value : 'second' },
                { text : 'Third Option',  value : 'third'  }
            ],
            defaultTabletPickerConfig : {
                id : 'myselectfieldlist'
            }
        },
        {
            xtype   : 'button',
            text    : 'Destroy Select Field',
            handler : function() {
                var field = Ext.Viewport.down('selectfield'),
                    cmp;

                field.destroy();

                cmp = Ext.getCmp('myselectfieldlist');

                console.log(cmp); //should be undefined
            }
        }
    ]
});

[mitchellsimoens]

Thanks for the report! I have opened a bug in our bug tracker.

[michael.piecko]

Thanks for the test case. This is true for both, the tablet picker and the phone picker.

Michael