BUG: Create and destroy repeatedly throws error

[yashvi2026]

GrapesJS version

• [x] I confirm to use the latest version of GrapesJS

What browser are you using?

Chrome

Reproducible demo link

https://codepen.io/Harshsne/pen/QwwLjBQ

Describe the bug

How to reproduce the bug?

1. Click Create and then Destroy repeatedly and rapidly.

Upon debugging, I found that the error occurs due to the following code:

1. undefined 'allcomponents' error is due to : (editor.select code.)

        var wrapper = editor.DomComponents.getWrapper();
        **editor.select(wrapper);**

2. undefined 'lastcomponent' error:

editor.addComponents({
            type: 'text',
            highlightable: false,
            selectable: false,
            droppable: false,
            draggable: false,
            removable: false,
            copyable: false,
            attributes: { class: 'textbox', "data-placeholder": "Insert your text here" },
            content: "fgfghfg",
            styles: `.textbox{word-break:break-word;}`,
             style: { "height": "110px", "outline": "none !important", "padding": '5px', "color": "grey" }
          });

Adding the style to the component triggers the stylable:change event, which throws an error if your side function is still running and you click Destroy during that time.

I attempted to handle this on my side, but the fix didn’t work. Any suggestions?

Code of Conduct

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