Posted 6 April 2022, 5:39 am EST
Hi,
I am opening inputBase material-ui on doubleclicking the header , I am able to add alphanumeric values at that time onChange , onKeyDown and onKeyUp event is getting called/triggered but backspace and arrowkey is not calling event like onChange or okKeyDown, only onKeyUp is getting triggered.
but after onMouseClick inside input text field the backspaces and arrowkey is also working able to call onChange or okKeyDown. Is this a bug in Spreadsheet? or is there any solution for this.
Sample for inputbase :
const ColumnBox = React.FC = (props) => {
return (
<ClickAwayListener onClickAway={() => props.clickAwayHandler()}>
<InputBase
id=“input_id”
type=“text”
value={props.value}
onChange={(e) => {
console.log(“onChange”,e);
}}
onKeyUp={(e) => {
console.log(“onkeyUp”,e);
}}
onKeyDown={(e) => {
console.log(“onkeyDown”,e);
}}
autoFocus
onBlur = {() => props.clickAwayHandler()}
/>
);
};
Thanks.
