Editor Freeze on loadProjectData 0.21.7

Are you able to provide a reproducible demo? Tried your example and I don't see any freeze....

tried with the latest version 21.7 i try to put it online, but i just pasted html from a custom command, the source is pasted, but after it, the editor freeze ( i need to close the page )

for example

btnImp.onclick = () => {
          editor.runCommand('core:canvas-clear')
          // editor.Css.clear()
          editor.setComponents(codeViewer.getContent().trim())
          editor.Modal.close()
        }

where the codeViewer.getContent().trim() get simple html from a modal

Thanks for reporting this, @boardmain.

The issue with Editor Freeze on loadProjectData 0.21.7 appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating an inconsistent state.

What to try:

1. Add a setTimeout wrapper to ensure the DOM has settled:

setTimeout(() => {
  // your operation here
}, 0);

2. Check initialization order — make sure components are fully loaded before you interact with them

3. Use the editor's event system — listen to completion events:

editor.on('component:mount', (component) => {
  // safe to interact with component here
});

Recommended next steps:

• Test with the latest GrapesJS version if you haven't
• Provide a minimal reproducible example (CodeSandbox) — this helps the team identify the root cause faster
• Include GrapesJS version, browser, and console errors in your report