[4.0.2a] GridPanel - Incorrect columns list rendering when there are too many columns

[j.bruni]

REQUIRED INFORMATION

Ext version tested:

• Ext 4.0.2a

Browser versions tested against:

• Chrome 13.0.782.112
• Firefox 3.6.20

Description:

• If the number of columns in a GridPanel is big, the list of columns displayed in the Columns submenu (available from any column header) does not render correctly. Only the up and down arrows are shown, vertically positioned on top. This does not happen if the number of columns is small. Please see the screenshot.

Steps to reproduce the problem:

• Create and display a GridPanel with big number of columns. Click at a column header, and open the Columns submenu.

The result that was expected:

• See all the columns listed.

The result that occurs instead:

• We see only the up and down arrows (vertically positioned on top) , but no columns listing.

Test Case:

Ext.onReady( function() {
    var mystore = Ext.create('Ext.data.ArrayStore', {
        data: [[
            'foo','bar','foo','bar','foo','bar','foo','bar','foo','bar',
            'foo','bar','foo','bar','foo','bar','foo','bar','foo','bar',
            'foo','bar','foo','bar','foo','bar','foo','bar','foo','bar'
        ]],
        fields: [
            'column1', 'column2', 'column3', 'column4', 'column5', 'column6', 'column7', 'column8', 'column9', 'column10',
            'column11', 'column12', 'column13', 'column14', 'column15', 'column16', 'column17', 'column18', 'column19', 'column20',
            'column21', 'column22', 'column23', 'column24', 'column25', 'column26', 'column27', 'column28', 'column29', 'column30'
        ]
    });
    Ext.create('Ext.grid.Panel',{
        store: mystore,
        columns: [
            { dataIndex: 'column1', header: 'column1' },
            { dataIndex: 'column2', header: 'column2' },
            { dataIndex: 'column3', header: 'column3' },
            { dataIndex: 'column4', header: 'column4' },
            { dataIndex: 'column5', header: 'column5' },
            { dataIndex: 'column6', header: 'column6' },
            { dataIndex: 'column7', header: 'column7' },
            { dataIndex: 'column8', header: 'column8' },
            { dataIndex: 'column9', header: 'column9' },
            { dataIndex: 'column10', header: 'column10' },
            { dataIndex: 'column11', header: 'column11' },
            { dataIndex: 'column12', header: 'column12' },
            { dataIndex: 'column13', header: 'column13' },
            { dataIndex: 'column14', header: 'column14' },
            { dataIndex: 'column15', header: 'column15' },
            { dataIndex: 'column16', header: 'column16' },
            { dataIndex: 'column17', header: 'column17' },
            { dataIndex: 'column18', header: 'column18' },
            { dataIndex: 'column19', header: 'column19' },
            { dataIndex: 'column20', header: 'column20' },
            { dataIndex: 'column21', header: 'column21' },
            { dataIndex: 'column22', header: 'column22' },
            { dataIndex: 'column23', header: 'column23' },
            { dataIndex: 'column24', header: 'column24' },
            { dataIndex: 'column25', header: 'column25' },
            { dataIndex: 'column26', header: 'column26' },
            { dataIndex: 'column27', header: 'column27' },
            { dataIndex: 'column28', header: 'column28' },
            { dataIndex: 'column29', header: 'column29' },
            { dataIndex: 'column30', header: 'column30' }
        ],
        renderTo: Ext.getBody()
    });
});

HELPFUL INFORMATION

Screenshot or Video:

• attached

Debugging already done:

• none

Possible fix:

• not provided

Additional CSS used:

• only default ext-all.css

Operating System:

• Linux Ubuntu LTS 10.04 (Lucid Lynx)

[evant]

I tested this against 4.0.5 and it appears the issue is now resolved. Marking as closed.

[j.bruni]

I tested this against 4.0.5 and it appears the issue is now resolved. Marking as closed.

That's great. I hope the issue is really resolved. Thanks for the update! I expect a new GPL version to be released soon...