grids in IE8 are somewhat flakey

Hello,

I would like to report a few issues with grids in IE8, newer IE version do do not exhibit these issues.

Ext version tested:

Browser versions tested against:

• IE8 version 8.0.7600.16385

DOCTYPE tested against:

• DOCTYPE HTML, document mode:IE8 standards

Description:

• Clicking into unpopulated grid body triggers an error

Line: 107093

Error: 'isNonData' is null or not an object

Steps to reproduce the problem:

Run following code in Sencha Fiddle and click into empty area below grid header.

Code:

Ext.application({
    name : 'Fiddle',

    launch : function() {
        
        
Ext.create('Ext.data.Store', {
    storeId:'simpsonsStore',
    fields:['name', 'email', 'phone']
});

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    border: true,
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        { text: 'Name',  dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        { text: 'Phone', dataIndex: 'phone' }
    ],
    height: 500,
    width: 500,
    renderTo: Ext.getBody()
});


    }
});

The result that was expected:

- no error popup

The result that occurs instead:

browsers shows error popup with message Line: 107093

Error: 'isNonData' is null or not an object

Another IE8 grid bug: it's similar to previous one, except store is buffered. Error message is different, I suppose that means, it's different issue.

Description:

• Clicking into unpopulated grid body triggers an error

Line: 2074

Error: Unspecified error.

Steps to reproduce the problem:

Run following code in Sencha Fiddle and click into empty area below grid header.

Code:

Ext.application({
    name : 'Fiddle',

    launch : function() {
        
Ext.create('Ext.data.BufferedStore', {
    storeId:'simpsonsStore',
    fields:['name', 'email', 'phone']
});

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        { text: 'Name',  dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        { text: 'Phone', dataIndex: 'phone' }
    ],
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});
    }
});

The result that was expected:

- no error popup

The result that occurs instead:

browsers shows error popup with message

Line: 2074

Error: Unspecified error.

grids in IE8 are somewhat flakey