Cursor position is lost after adding media in WYSIWYG editor

[amiralitaheri]

Bug report

Required System information

• Node.js version: 18
• NPM version: 8.19.2
• Strapi version: 4.10.6
• Is your project Javascript or Typescript: Javascript

Describe the bug

After inserting an image into editor, The cursor will jump to start of the editor.

Steps to reproduce the behavior

1. Go to a component that has rich text editor
2. Write a lorem document
3. Go to the bottom of document
4. Click on insert image from editor navbar
5. Cursor will jump to the start!

Expected behavior

Text cursor should be on the beginning or the end of the line that image was inserted or the next line.

Additional context

strapi/packages/core/admin/admin/src/content-manager/components/Wysiwyg/utils/utils.js

Line 226 in 943497a

setTimeout(() => editor.current.focus(), 0);

The focus should be followed by a setCursor like in here:

strapi/packages/core/admin/admin/src/content-manager/components/Wysiwyg/utils/utils.js

Lines 196 to 200 in 943497a

	setTimeout(() => {
	const newLastLineLength = editor.current.getLine(currentLine).length;
	editor.current.focus();
	editor.current.setCursor({ line: currentLine, ch: newLastLineLength });
	}, 0);

[amiralitaheri]

I would have created the pull request myself, But I don't know where should the cursor be after image insertion.

1![sample-image](sample-image.png)2
3

1. In the beginning of the line where image is inserted
2. In the end of the line where image is inserted
3. In the next line