Newly Typed Text in Input fields vanishes on scroll

[Torantulino]

20241112-1256-27.9031183.mp4

When typing new text in an input field, then scrolling the scroll wheel, the new text vanishes.

[majdyz]

Here is the implementation complexity of this issue:

• The input change is triggered by onBlur event (e.g: input updated when the cursor is out of input focus, see

  AutoGPT/autogpt_platform/frontend/src/components/node-input-components.tsx

  Line 647 in e6e4737

  onBlur={(e) => handleInputChange(selfKey, e.target.value)}

  )
  • This is for avoiding jumping caret problem when you keep setting state on each onChange event.
  • This also avoid keep calling handleInputChange on each change that has a high overhead due to sharing the global input state (hardcodedValue).
• Scrolling event keeps the input focussed, so the input change is not triggered, but since this feat(frontend): Improve added block positioning logic to handle collisions and dynamic dimensions size #8406 was added, scrolling is now triggering a state change. Which end up resetting the input, since the input is not yet recorded.