lexical icon indicating copy to clipboard operation
lexical copied to clipboard

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

Open talaat197 opened this issue 11 months ago • 1 comments

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

https://github.com/user-attachments/assets/e7968400-7187-4a86-add3-92a6e805ecac

talaat197 avatar Feb 03 '25 13:02 talaat197

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.

etrepum avatar Feb 03 '25 17:02 etrepum