Slate editor scrolls on focus.

[shashtag]

We are creating a whiteboard application. The slate editor is toggled from the readOnly on double click. As the cursor does not automatically place at the end when the readOnly mode is set to false, we place the cursor to the end of the text area through code.

onFocus={(e) => {
    Transforms.select(editor, Editor.end(editor, []));
}}

Now we face an another problem due to this. The editor scrolls to the centre when this onFocus function is applied.

Screen.Recording.2023-10-27.at.1.02.48.PM.mov

[phyzess]

Calling e.preventDefault() in your focus event handler may help resolve this issue.

[sebastiansas1]

@phyzess that worked for me! thanks a lot 🙌

[grygoriy-pinkas-scx]

it happens to me on typing or deleting chars. what event should i "preventDefault"?