Tengo una tabla de UI de material y dentro de la fila, tengo campos editables.
Hay muchos eventos como onInputCapture, onFocusCapture y otros.
pero no pude encontrar que debería dispararse cuando salgo de la celda o cuando termino de editar. No quiero usar onMouseLeaving porque los clientes pueden usar el botón Tab para salir de la celda. ¿Hay un evento como: terminé de editar?
gracias.
<TableCell align="right" contentEditable={true} onInputCapture={ (e: React.ChangeEvent<HTMLTableCellElement>) => { //some logic }} >{data.ammount}</TableCell>ContentEditable no es compatible directamente con mui, por lo que es lo mismo para cualquier div, que sería onInput
Aquí hay una muestra de stackblitz
EDITAR:
Podrías intentar agregar esta lib reaccionar-contenteditable
Actualicé el stackblitz y funciona en desenfoque