Re-render causes caret to jump to beginning of codeblocks

[Doctorthe113]

As you can see in the video that the caret was originally at "d" before "Underline" but when a re render happens, cursor jumps to the beginning of codeblocks(not sure why codeblocks specifically).

Screencast.From.2025-05-30.22-51-00.mp4

Relevant code:

        const onChange = (editorState: any) => {
            editorState.read(() => {
                const markdown = $convertToMarkdownString(
                    [...TRANSFORMERS, CHECK_LIST, INLINE_CODE, CODE],
                    undefined,
                    true,
                );
                if (markdown !== intitalContent) {
                    // setNewContent(markdown);
                    setIsSaved(false);
                    console.log(markdown);
                }
            });
        };
        

Basically it forces the parent to render when a change is detected

[etrepum]

That's not enough code to reproduce the issue, you have something else that's causing an editor update and/or change its selection.

[Doctorthe113]

Caret jumps to codeblocks because of the codeHighLightPlugin. After removing it, caret still jumps, but now jumps to the top/beginning of the file

[etrepum]

Sounds like you are importing the markdown document as a result of an update, which will lose the selection. Lexical is only suitable to be an uncontrolled component, you shouldn’t try and feed its output back to it.

[Doctorthe113]

Sounds like you are importing the markdown document as a result of an update, which will lose the selection. Lexical is only suitable to be an uncontrolled component, you shouldn’t try and feed its output back to it.

if i understand you correctly, you are referring to this, right? which updates the intialContent whenever currentContent changes.

    useEffect(() => {
        setIntialContent(currentFileContent);
    }, [currentFileContent]);

well even if I remove this and it still loses the cursor position. Not only that, if i just trigger any kind of re-render, editor loses the content and cursor jumps to a different position.

For example right now Im manually triggering a re-render by a button and state hook. I removed the onChange handler (or anything that could create any feedback.) Even now it loses it's content and cursor position. Is this the intended behavior?

[Doctorthe113]

Okay I fixed the issue by saving the editor state in a state hook. I still don't know if this is the intended behavior or not.

[etrepum]

I didn’t audit all of the code, too much work to read through something just pasted into a form rather than work with something more directly runnable. It is expected that the selection will be lost or moved if you replace the contents of the editor.

[Doctorthe113]

I didn’t audit all of the code, too much work to read through something just pasted into a form rather than work with something more directly runnable. It is expected that the selection will be lost or moved if you replace the contents of the editor.

thats fair. In my case, even the contents are lost if there's a re-render of any kind, unless I save the editor state. Anywho thanks for your time, appreciate it