I have a custom cell editor for a grid, say the htmleditor. (It's not but has the same issue).
When clicking outside the grid while editing a cell, the cell editor is not closed.
I tried to use the blur event but w/o success (too many components in htmleditor can have the focus, I guess).
Any idea how to trigger the completeEdit event?

See code at http://jsfiddle.net/rC6Q7/

Thanks for any hint

Ext.onReady(function() {
    Ext.create('Ext.data.Store', {
        storeId: 'simpsonsStore',
        fields: ['name'],
        data: {
            'items': [{
                "name": "Lisa"
            }, {
                "name": "Bart"
            }, {
                "name": "Homer"
            }, {
                "name": "Marge"
        proxy: {
            type: 'memory',
            reader: {
                type: 'json',
                root: 'items'

    Ext.create('Ext.grid.Panel', {
        title: 'Simpsons',
        store: Ext.data.StoreManager.lookup('simpsonsStore'),
        columns: [{
            header: 'Name',
            dataIndex: 'name',
          flex: 1,
            editor: 'htmleditor'
        selType: 'cellmodel',
        plugins: [
        Ext.create('Ext.grid.plugin.CellEditing', {
            clicksToEdit: 1
        height: 200,
        width: 400,
        renderTo: Ext.getBody()