Posted 23 February 2018, 3:25 am EST
Hi Johnny
The problem occurs only for the very first time you begin cell editing. I don’t see the issue on the second and subsequent attempts.
You may notice that after you started editing for the first time, the height of the grid rows increases a bit to accommodate InputNumber editor which is a bit taller. When this happens, the grid has to recreate a cell editor, which in conjunction with the asynchronous nature of the focus/blur events produces the discussing effect.
To get rid of this, you can increase the default rows height to make it enough to accommodate cell editor in height, so that to prevent grid from a necessity to do it when first cell editing is starting. For example, in the discussing sample the following setting on the wj-flex-grid element will resolve the problem:
<wj-flex-grid #flex1 (initialized)="flex1.rows.defaultSize = 32" ...>
The other way is to disable the rows auto-sizing performed by the cell edit template. For this, you can set the autoSizeRows property to false on the corresponding template element:
<ng-template wjFlexGridCellTemplate [autoSizeRows]="false" ...>
But in this case the cell editor can be clipped a bit, so the first way with rows.defaultSize looks like more preferred.
Thanks,
Alex