BUG: TypeError: e.getRoot is not a function (Race condition in Style Manager)

GrapesJS version

• I confirm to use the latest version of GrapesJS

What browser are you using?

All browsers (Chrome, Safari, Firefox, Edge)

Reproducible demo link

https://jsfiddle.net/saeedhbi/powxyjdq/3/

Describe the bug

How to reproduce the bug?

1. Initialize a GrapeJS editor
2. Select a component in the canvas
3. Quickly delete the component (press Delete key or use delete command)
4. Style Manager's debounced update callback executes after component is destroyed
5. Observe TypeError: e.getRoot is not a function

What is the expected behavior? The Style Manager should validate that components are still valid before attempting to call methods on them. Either:

1. Filter out destroyed/invalid components before processing
2. Add try-catch guards around component method calls
3. Check component validity (e.g., typeof component.getRoot === 'function') before invoking methods

No error should be thrown when components are removed during async style updates.

What is the current behavior? GrapeJS throws TypeError: e.getRoot is not a function when the Style Manager attempts to update styles on a component that has been destroyed or removed from the DOM. This is a race condition between component selection/style updates and component removal/destruction.

Error messages:

Chrome:

TypeError: e.getRoot is not a function

Safari:

TypeError: e.getRoot is not a function. (In 'e.getRoot()', 'e.getRoot' is undefined)

Code of Conduct

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