when editing cell, editing doesn't end when click outside of the grid.

[taauntik]

Forum post

Demo page: https://www.bryntum.com/examples/grid/basic/

Modify Grid settings as follows:

1. Add following to the Grid features-object:

cellEdit: {
    autoSelect: true,
    triggerEvent: 'cellclick',
},

2. Add static height to the Grid (500 px)

height: 500

3. Generate only 1 row in the test page:

data : DataGenerator.generateData(1)

So the final code should look like this:

new Grid({

    appendTo : 'container',

    features : {
        group : false,
        cellEdit: {
          autoSelect: true,
          triggerEvent: 'cellclick',
        },
    },
    height: 500,

    // Other settings
    
    data : DataGenerator.generateData(1)
});

Now edit a cell, click on the empty area below, the editing doesn't end, nothing happens.