RangeError: Maximum call stack size exceeded when resizing columns

Designer version tested:

• Designer 1.2.2 build 48

Operating System:

• Windows 7 Pro 64 bit

Framework:

• Ext JS 4.x

Description:

• Resize column causes lock and eventually error message

Test Case:

Steps to reproduce the problem:

• Create a form panel
• Add toolbar
• Add Grid panel
• Add 20+ columns of mixed variety
• try to resize a few

The result that was expected:

• Should resize

The result that occurs instead:

• Lock & Error message

Thoughts
Columns go off the screen (horizontal scroll bar shows)

Also fails if you key in the width change.

I wasn't able to reproduce this see the following project: http://cl.ly/1j241B1F1l2g0G0c0C2v

There definitely appears to be a memory leak when resizing although this directly doesn't seem to cause the problem. Your example works fine at my end, this is the code from my test....

Code:

---

Ext.define('MyApp.view.ui.MyForm', {    extend: 'Ext.form.Panel',


    height: 800,
    width: 1024,
    bodyPadding: 10,
    title: 'example',


    initComponent: function() {
        var me = this;


        Ext.applyIf(me, {
            dockedItems: [
                {
                    xtype: 'gridpanel',
                    title: 'My Grid Panel',
                    columnLines: true,
                    dock: 'top',
                    columns: [
                        {
                            xtype: 'gridcolumn',
                            width: 38,
                            dataIndex: 'string',
                            text: 'Sts'
                        },
                        {
                            xtype: 'numbercolumn',
                            width: 41,
                            dataIndex: 'number',
                            text: 'Load'
                        },
                        {
                            xtype: 'gridcolumn',
                            width: 6,
                            text: ' '
                        },
                        {
                            xtype: 'gridcolumn',
                            width: 73,
                            text: 'Supplier'
                        },
                        {
                            xtype: 'numbercolumn',
                            width: 52,
                            text: 'Weight'
                        },
                        {
                            xtype: 'numbercolumn',
                            width: 61,
                            text: 'Pay Wgt.'
                        },
                        {
                            xtype: 'numbercolumn',
                            width: 45,
                            text: 'Price'
                        },
                        {
                            xtype: 'numbercolumn',
                            width: 53,
                            text: 'Vaue'
                        },
                        {
                            xtype: 'gridcolumn',
                            width: 6,
                            text: ' '
                        },
                        {
                            xtype: 'gridcolumn',
                            width: 77,
                            text: 'Customer'
                        },
                        {
                            xtype: 'numbercolumn',
                            width: 53,
                            text: 'Weight'
                        },
                        {
                            xtype: 'numbercolumn',
                            width: 58,
                            text: 'PayWgt'
                        },
                        {
                            xtype: 'numbercolumn',
                            width: 44,
                            text: 'Rate'
                        },
                        {
                            xtype: 'numbercolumn',
                            width: 39,
                            text: 'Value'
                        },
                        {
                            xtype: 'gridcolumn',
                            width: 6,
                            text: ' '
                        },
                        {
                            xtype: 'gridcolumn',
                            width: 40,
                            text: 'Haulier'
                        },
                        {
                            xtype: 'numbercolumn',
                            width: 50,
                            text: 'Weight'
                        },
                        {
                            xtype: 'numbercolumn',
                            width: 50,
                            text: 'Rate'
                        },
                        {
                            xtype: 'numbercolumn',
                            width: 50,
                            text: 'Value'
                        },
                        {
                            xtype: 'numbercolumn',
                            width: 70,
                            text: 'Other Cost'
                        }
                    ],
                    viewConfig: {


                    }
                }
            ]
        });


        me.callParent(arguments);
    }
});

---

Problem seems resolved in the v2 beta release.

Thanks MGHawksworth.