Outline disappears after applying loadProjectData

@ronaldohoch with Edge browser, it works with the command you provided.

let projectData = editor.getProjectData(); editor.DomComponents.clear(); editor.loadProjectData(projectData);

I don't think GrapesJS support Brave browser, which is not listed in https://github.com/browserslist/caniuse-lite.

I also run the command editor.runCommand("core:component-outline") and it didn't shows again, i needed to click on the button twice to make it appear

Hi @allenhwkim, thanks for the comment. But embarrassing I didn't test it in other browsers. I believe my customers don't use Brave, so I'm going to drop that part.

However, doing all these tests, I managed to make it work the way I want, applying this code:

            editor.loadProjectData(JSON.parse(sessionStorage.getItem(commandOpts.value)));
            if(editor.Commands.isActive("sw-visibility")){
                editor.Commands.stop("sw-visibility");
            }
            editor.runCommand("sw-visibility");

Maybe i was looking the wrong command to run. Worked in all my tests (Chrome, Edge, Firefox and Brave)

Thanks for reporting this, @ronaldohoch.

Great question about Outline disappears after applying loadProjectData. The recommended approach with Components is to use the event-driven API.

Start here:

1. Check the GrapesJS documentation for your specific module
2. Look for the on() event listener method
3. Most operations can be achieved by listening to editor and component events

Common patterns:

// Listen for changes
editor.on('change', () => console.log('something changed'));

// Component lifecycle
editor.on('component:mount', (c) => console.log('component ready', c));
editor.on('component:update', (c) => console.log('component updated', c));

If you're still stuck:

• Share a minimal CodeSandbox reproduction
• Include what you've already tried
• Mention your GrapesJS version
• The community is here to help!