Error dom is null in Ext.grid.Panel after cell click only when grid is sorted

165 views Asked by At

I've error on grid, when try to click on disabled cell. Here is the code:

Ext.application({
 name: 'Fiddle',
 launch: function () {
     Ext.create('Ext.data.Store', {
         storeId: 'simpsonsStore',
         fields: ['name', 'email', 'phone'],
         data: [{
             name: 'Lisa',
             email: '[email protected]',
             phone: '555-111-1224'
         }, {
             name: 'Bart',
             email: '[email protected]',
             phone: '555-222-1234'
         }]
     });

     Ext.create('Ext.grid.Panel', {
         title: 'Simpsons',
         store: Ext.data.StoreManager.lookup('simpsonsStore'),
         plugins: {
             ptype: 'cellediting',
             clicksToEdit: 1
         },
         columns: [{
             text: 'Name',
             dataIndex: 'name',
             editor: {
                 xtype: 'textfield',
                 disabled: true
             }
         }, {
             text: 'Email',
             dataIndex: 'email',
             flex: 1
         }],
         height: 100,
         width: 400,
         renderTo: Ext.getBody()
     });
 }});

 

How to reproduce:

  1. Click on cell "Lisa"
  2. Sort by "Name" column
  3. Wait 30 sec
  4. Click on cell "Lisa" cell again

This error occurs: Uncaught TypeError: Cannot read properties of null (reading 'value')

Reproduced on ExtJs "7.5.0" and older.

0

There are 0 answers