In Grid Last Column firing the edit event to add new row but not able to see new row added

While debugging able to see new row add but when I remove the debugger row not visible. When I switch the browser able see the added row.

Basically Display Issue

var ce = Ext.create('Ext.grid.plugin.CellEditing', {
clicksToEdit: 1,
listeners: {


edit: function (e,o)
{
debugger;
if(o.column.field.lastGridColumn)
{

var row = o.grid.getStore().getTotalCount();
var sm = o.grid.getSelectionModel(); ;
var posit = sm.position;
var r = Ext.ModelManager.create(recData,'User');
o.grid.getStore().insert(o.grid.getStore().getCount(), r);
posit.row=row+1;
posit.column=1;
ce.startEditByPosition(posit);


}

}
}



});


Let me know what mistake I am doing and not able to set focus also