Cell Editor Misaligned with Actual Cell During Editing

Cell Editor Misaligned with Actual Cell During Editing

Posted by: kavan155gondalia on 27 June 2025, 1:55 am EST

• 

  kavan155gondalia

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 27 June 2025, 1:55 am EST

  Hi team,

  We’ve run into a UI issue in SpreadJS where the cell editor input box appears at a different location than the actual cell being edited.

  Issue Description:
  
  When editing multiple cells in quick succession, the editor sometimes becomes visually misaligned.

  Specifically:

  • I type a value in a cell.
  • Before pressing Enter, I press an arrow key (e.g., Right arrow key) to shift focus to the next cell. Then I immediately start typing again.
  • At this point, the editor box appears in the different position, even though the green selection border and the edited value go into the correct new cell.

  Screenshot is attached to illustrate the mismatch.

  We are using [SpreadJS version 17.1.10].

  Is this a known issue, or do we need to handle some refresh logic manually when navigating with arrow keys during editing?

  Thanks in advance!
  
  Kavan

• 

  kavan155gondalia

  • Post Options:
  • Link
    Copy

  Posted 27 June 2025, 1:55 am EST - Updated 27 June 2025, 2:01 am EST

  

• 

  priyam.kushwaha

  

  • Post Options:
  • Link
    Copy

  Posted 27 June 2025, 7:12 am EST

  Hi,

  I tried to replicate the behavior on my end using the available information but was unable to reproduce the issue. On my end, when entering edit mode, typing some text, then pressing an arrow key and immediately continuing to type, everything works as expected. Please refer to the attached sample: Sample.zip

  To assist you better, could you provide a minimal working sample along with the exact steps to replicate the issue you’re experiencing? Alternatively, you may modify the attached sample to demonstrate the behavior. Additionally, A GIF or video illustrating the issue would also be helpful.

  Regards,
  
  Priyam

• 

  kavan155gondalia

  • Post Options:
  • Link
    Copy

  Posted 30 June 2025, 4:48 am EST

  Hi,

  Thanks for the early reply and sorry for the late reply.
  
  The thing is to happens very rarely and now I’m unable to reproduce this behavior.
  
  Actually I’m listening for

  CellChanged

  and

  SelectionChanged

  events and do some operations in each of these methods. Is it possible that these late operations might produce this kind of behavior?

  Thanks,
  
  Kavan

• 

  priyam.kushwaha

  

  • Post Options:
  • Link
    Copy

  Posted 1 July 2025, 3:30 am EST

  Hi,

  Using SpreadJS events like CellChanged and SelectionChanged should not cause any issues. I tested these events on my end and couldn’t reproduce the problem—everything worked as expected. Please refer to the attached sample for reference: Sample.zip

  Here are a few suggestions that might help:

  • Try upgrading to the latest version (18.1.3) and check if the issue still occurs.
  • Test with the attached sample. If the issue doesn’t appear there, it may be specific to your application.

  Since the issue is not consistently reproducible on your end either, we’ll need a replicable sample to investigate further. If possible, please modify the attached sample to demonstrate the problem.

  Regards,
  
  Priyam