React Mui TableCell leave event

user_6911431 0
Viewed 128

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>
material-ui reactjs javascript
1 Answers

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

user_63879820
Related