[REACT] Gantt crashes when using TAB in custom editors

[taauntik]

Forum post

Hi,

See attached sample and video demonstrating the problem.

When we change a value in a cell and press TAB to jump to the next cell, an exception is thrown, and Gantt is left in a broken state, if there is a read-only cell between the cell losing focus and the one receiving focus. This only happens when using custom controls to edit data and with modern versions of React.

This bug is critical - we rely heavily on custom controls for editing.

I would once again like to request that you upgrade from React 16.4 to 18.2 so bugs like these can be caught on your end. React 16 is 3 years old and is not compatible with modern versions of React.
https://legacy.reactjs.org/blog/2020/08/10/react-v17-rc.html

callStack

WrapperHelper.tsx:558 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'focus')
    at wrapperWidget.focus (WrapperHelper.tsx:558:1)
    at Editor.startEdit (gantt.module.js:66355:1)
    at async CellEdit3.startEditing (gantt.module.js:78062:1)
    at async CellEdit3.startEditing (gantt.module.js:164128:1)
    at async CellEdit3.finishAndEditNextCell (gantt.module.js:78349:1)
    at async CellEdit3.finishAndEditNextCell (gantt.module.js:78350:1)

Reproduced.mp4

Reproducible with this

Bryntum-2023-09-14-004.zip