A possible solution to solve this issue is, listen to the 'cellClick' event and end editing when clicking another row. Please refer to the code below:
<DataGrid
ref="dg"
@cellClick="onCellClick($event)"
...
onCellClick(event){
const dg = this.$refs.dg;
if (dg.editingItem && event.row != dg.editingItem.row){
this.$refs.dg.endEdit()
}
}