4.1 Beta 3: Error show grid when hideGroupedHeader=true, +bugs

[user ext]

REQUIRED INFORMATION Ext version tested:

• Ext-4.1.0-beta-3

Browser versions tested against:

• FF 10.0.2 (firebug 1.9.1 installed)

DOCTYPE tested against:

• ____

Description:

• Error if grid 'grouping' feature=on and hideGroupedHeader=true (In Ext-4.1.0-beta-2 all ok, no errors).
• Also, when click collapse button on window (Ext.window.Window), inner content collapsed, a shadow not hided.
• Also, in grouping view and column 'Name' has flex = 1, drag this header and drop in place of Date header results break vertical column lines in grid (header width and column width not equal).
• Also, when grid is grouping and do disable grouping in column header menu (uncheck 'Show in Groups' checkbox), next drag header 'Name' and drop in place of 'Date' header, results set enable grouping (checkbox is on) in menu column header.

Steps to reproduce the problem:

• see code below.

 Ext.Loader.setConfig({ enabled: true });
 Ext.Loader.setPath({ 'Ext': 'extjs', 'Ext.ux': 'ux' });
 Ext.require([
 	'Ext.grid.*',
 	'Ext.data.*'
 ]);
 
 Ext.onReady(function ()
 {
 	Ext.create('Ext.data.Store',
 	{
 		storeId: 'MyStore',
 		fields:
 		[
 			{ name: 'id', type: 'int' },
 			{ name: 'name', type: 'string' },
 			{ name: 'date', type: 'date' }
 		],
 		data:
 		[
 			{ 'id': 1, 'name': 'Name 1', 'date': '2010/01/22' },
 			{ 'id': 2, 'name': 'Name 2', 'date': '2010/01/23' },
 			{ 'id': 3, 'name': 'Name 3', 'date': '2010/01/24' },
 			{ 'id': 4, 'name': 'Name 4', 'date': '2010/01/25' }
 		]
 	});
 
 	Ext.define('MyGridWindow',
 	{
 		extend: 'Ext.window.Window', id: 'mygridwindow',
 		title: 'My grid Window',
 		width: 500, height: 220, x: 50, y: 108,
 		maximizable: true, closeAction: 'hide', layout: 'fit', collapsible: true, animCollapse: false,
 		shadow: true,
 		items:
 		{
 			xtype: 'grid', border: false, columnLines: true,
 			store: Ext.getStore('MyStore'),
 			columns:
 			[
 			{ text: 'No', xtype: 'rownumberer' },
 			{ text: 'id', dataIndex: 'id', width: 70, editor: 'numberfield' },
 			{ text: 'Name', dataIndex: 'name', flex: 1, editor: 'textfield' },
 			{ text: 'Date', dataIndex: 'date', width: 120, xtype: 'datecolumn', editor: 'datefield' }
 			],
 			plugins: [{ ptype: 'rowediting', clicksToEdit: 2}],
 			features: [{ ftype: 'grouping', groupHeaderTpl: '{name} [{rows.length}]', startCollapsed: true, hideGroupedHeader: true}]
 		}
 	});
 
 	Ext.getStore('MyStore').group('name', 'ASC');
 	Ext.create('MyGridWindow');
 	Ext.getCmp('mygridwindow').show();
 
 });

HELPFUL INFORMATION Screenshot or Video:

Debugging already done:

• For first bug, error in forceReflow function (el=undefined).

Operating System:

• Win7

[mitchellsimoens]

Thanks for the report.

[user ext]

A temporary solution.

before

     forceReflow: Ext.isGecko10
         ? function() {
             var el = this.el.down('table'),
         ....

after

     forceReflow: Ext.isGecko10
         ? function() {
             var el = this.el.down('table'), width; if(!el)return;
         ....

[Nom4d3]

I can confirm this issue. The user ext's solution is working nicely here.

thanks!