I am implementing a sortable tree for a nested object using the dnd-kit-sortable-tree library. Each tree item includes an input field for editing its value. However, I am encountering an issue where the input field loses focus every time I type a character.

I am using React Grid dnd package with my React class based application and I am facing some issue while swapping between the elements inside the dropzone. The issue is that after swapping is done the swapping effect si repeated and it confuses the user. Note that swapping is done correctly and there are no issues in that but the only issue present here is the extra effect. Also spare me for not provding the code here because it is too large to share. I have also tried changing CSS and I have applied “animation: none, transition: none” for the separate style for dropzone componant. I am providing the link of the screen recording with the issue shown. https://screenrec.com/share/RBM91qNsXQ