Bug: [iframe] Editing a LinkNode Inserts an Extra Span When Modifying Text Before the Last Character

[talaat197]

Editing LinkNode cause another span to be created after the LinkNode, happens only if we start to add characters before the last character of the LinkNode.

Lexical version: 0.20.0

Steps To Reproduce

1. open the provided CodeSandbox
2. you will find a link already in the document "Lexical"
3. put the cursor between 'a' and 'l' and start typing
4. you will find that another span is been created after the linkNode, so 2 spans been updated at the same time

Link to CodeSandbox example:
https://stackblitz.com/edit/facebook-lexical-3ztsmofg?file=src%2Fmain.ts,package.json,src%2FprepopulatedRichText.ts

The current behavior

a new span been created and updated

The expected behavior

No spans been created just the current LinkNode been updated

LinkNode.bug.mp4

[etrepum]

This looks like an iframe bug, if you don't use an iframe this won't happen. Currently the only tested configuration is where the editor and the contentEditable are in the same document.