Skip to content

BUG: Adding text to a symbol replaces the text node over and over again #6587

@Sebbones

Description

@Sebbones

GrapesJS version

  • I confirm to use the latest version of GrapesJS

What browser are you using?

Firefox Developer 142.0b9, Chrome 138.0.7204.184

Reproducible demo link

https://jsfiddle.net/artur_arseniev/ta19s6go/

Describe the bug

How to reproduce the bug?

  1. Make the "Article" component a symbol
  2. Add a text component to the original "Article" component
  3. Directly try to edit the text or set the cursor inside the text

What is the expected behavior?
Cursor is not always resetting to position 0 and the text component is not flickering, behaving like a normal text component.

What is the current behavior?

  • The cursor is reset to position 0 and its almost impossible to select text
  • Constant editor 'component:add' events are fired

After "leaving" the text component and re-selecting it, the problem is gone and no further component:add events are fired.
I think for some reason the newly created text component is constantly replaced it with itself.

I haven't had the time to look into the code yet, so currently no idea what could cause the issue.

If anything is missing or unclear, please let me know.
Have a nice day :)

Code of Conduct

  • I agree to follow this project's Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions