Error: Cannot resolve a DOM point from Slate point: {"path":[0,0],"offset":8}

[sepsol]

Description

I am trying to create comment inputs where if the user presses the cmd/ctrl + Enter buttons while the Plate editor is in focus, they will be able to send their message. At the end of the function where I submit their message, I am clearing the editor itself. When I do that I get the error specified above.

Steps

1. Create a plate editor
2. Add a function for onKeyDown where you reset the value of the editor there
3. And you'll be thrown the above error

Sandbox

https://codesandbox.io/s/plate-error-u0d3g?file=/src/App.js

Expectation

I assume the error is related to me having to manually position the caret cursor after I reset the contents of the editor. It would be nice if there was either an explanation for this in the docs or there was a helper util function that I could use to facilitate this process.

Environment

• slate: ^0.63.0
• slate-react: ^0.65.2
• browser: chrome

[ghingis]

It's not a bug and it is not from plate either, this is how slate intended to work.
(If you change the content of the editor without using the Transforms API, you have to manage the selection too)

Try, to deselect the editor, before you clear it

import { Transforms } from "slate";
import { useStoreEditorState, useEventEditorId, Plate } from "@udecode/plate";
// ...
const editor = useStoreEditorState(useEventEditorId("focus"));
// ...
Transforms.deselect(editor);
setValue(INITIAL_VALUE);

[sepsol]

Thanks, that resolved the error. But right now I have to press the ctrl key twice to clear the input or do whatever I want it to do. Any idea as to why that is happening?

UPDATE
As you mentioned this is not a bug and it's just some inner workings of the slate library itself, I figured I might have to look at their issues to see if anybody has come across my issue and I found this which was helpful. I tried these and the uncommented lines did the trick for me:

1   onKeyDown: (e) => {
2       if (e.ctrlKey) {
3           e.preventDefault();
4           e.target.blur();
5           // ReactEditor.blur(editor);
6           // Transforms.deselect(editor);
7           // Transforms.select(editor, Editor.start(editor, []));
8           // Transforms.select(editor, {
9           //     path: [0, 0],
10          //     offset: 0
11          // });
12          setValue(INITIAL_VALUE);
13      }
14  }

I could have used either line 4 or 5 to achieve the result I wanted. Line 6, 7, and 8 through 11 had the issue I mentioned earlier where I had to double-press ctrl to make it both clear the input and not throw any error.

Thanks for guiding me in the right direction!