I have a material UI table and inside the row, i have editable fields.
There are many evetns like onInputCapture,onFocusCapture and others.
but i couldnt find that should be fired when i leave the cell or when ever i finish editing. I dont want to use onMouseLeaving because clients may use Tab button to leave the cell. is there a event like: i finished editing?
thank you.
<TableCell align="right" contentEditable={true}
onInputCapture={ (e: React.ChangeEvent<HTMLTableCellElement>) =>
{
//some logic
}} >{data.ammount}</TableCell>
ContentEditable is not directly supported by mui, so is the same for any div, which would be onInput
Here is a sample stackblitz
EDIT:
You could try adding this lib react-contenteditable
I updated the stackblitz and it works on blur