[BUG] Safari: Wrong cursor placement

[mnlkrs]

• I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
• I have read the documentation and cannot find an answer.

Describe the bug
On Safari, when the current editor content ends with an element with contenteditable="false" the caret will display at the very start of the editor. This also results in a user not being able to click next to the element to place.

To Reproduce
On Safari:

1. Open the demo
2. Type something
3. Insert an image

Expected behavior
Like in other browsers, the caret should simply be put next to the element after inserting or when clicking:

Desktop:

• OS: MacOS
• Browser: Safari

Additional context
This is definitely a bug with Safari itself & not this library per se, however it still breaks the experience for Safari users.
Other libraries have faced the same problem:

• Bug: Cannot place cursor at the end of the line (Safari) facebook/lexical#4487
• Incorrect (visual) cursor in Safari if atom node is last node in line ProseMirror/prosemirror#1165 (comment)

They have all seemed to fix it using an empty image tag:

• https://github.com/facebook/lexical/pull/6282/files
• ProseMirror/prosemirror-view@68cab14

[petyosi]

MDXEditor uses Lexical. When facebook/lexical#6282 gets merged, the fix will propagate. Feel free to track the problem with Lexical (perhaps there's some additional work to be done on the PR there?) and open a lexical version update for this repository.

[mnlkrs]

Great, could've taken a deeper look into this repo! Thanks for the swift response 👍

[mnlkrs]

The issue has been worked on in another PR, which has been merged. facebook/lexical#6759
I'll have a close look at the releases!