ENG-1292 Cannot perform inline editing of input/textarea if in table cell

have you tried using onFocus and onBlur to actually manage the focus and blur

const handleFocus = (e: React.FocusEvent) => {
const parent = e.currentTarget.closest('table');
if (parent) {
parent.addEventListener('keydown', handleKeyDown);
}
};

const handleBlur = (e: React.FocusEvent) => {
const parent = e.currentTarget.closest('table');
if (parent) {
parent.removeEventListener('keydown', handleKeyDown);
}
};

have you tried using onFocus and onBlur to actually manage the focus and blur

const handleFocus = (e: React.FocusEvent) => { const parent = e.currentTarget.closest('table'); if (parent) { parent.addEventListener('keydown', handleKeyDown); } };

const handleBlur = (e: React.FocusEvent) => { const parent = e.currentTarget.closest('table'); if (parent) { parent.removeEventListener('keydown', handleKeyDown); } };

I tried this but this only prevents me from going to next cell which is good but still on pressing arrow keys I am not able to move the cursor within text. Typing works but not the navigation.

I like to work on this please assign me.

I like to work on this please assign me.

@ahmaddonishyar Sure you can work on that. are you able to reproduce it?

I have same issue too :(
And also if I don't set input.current.focus() then I can't type input at all.
I don't understand why everytime the document.activeItem is tag even I click the input

It seems like it is adjusting the events (click, type event etc... ) in the table cell itself, but it would be nice if there was a disable function. Otherwise, we'll run into obstacles every time we create a custom cell.

Any update with this Issue? @ahmaddonishyar
I need to deploy my project but I don't want to deploy with this issue :(

@soyeon9211 you can check this alternate solution if you want, it involves creating custom table component.

#3661 (comment)

May I work on this? @wingkwong

@macci001 go ahead