Crash on text update from outside of the editor when cursor to the right

[Obiwarn]

When the editor content is updated from outside (e.g. by a database call) then the editor crashes

• if the new text is shorter than the old text
• and the cursor has been placed to the right (i.e. is outside of the new shorter text).

I just added a useEffect to the plain text example to show. Just start writing sth. behind the default text in the editor and it will crash.

See:
https://codesandbox.io/s/slate-reproductions-forked-qets6

added code:
useEffect(() => { setInterval(() => setValue(initialValue), 2000); }, []); ;

Any idea how I can prevent / workaround this?

[eshavrov]

Try resetting the cursor position beforehand. Transforms.deselect(editor);

[Obiwarn]

Thank you.

I found ReactEditor.blur(editor); which probably does the same.

However, Slate should not crash on this, right?

[eshavrov]

Slate falls because the previous position does not match the new value. You can experimentally decide for yourself what is more convenient for you to use to solve this problem.

[eshavrov]

In my project, in those places where it is critical, I calculate the new position of the cursor. But it's easier of course to just reset this value.