BUG: Outline disappears after applying loadProjectData
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
Brave last version
Reproducible demo link
Describe the bug
How to reproduce the bug?
- Open the demo page
- Open the developer tools
- Run:
let projectData = editor.getProjectData() - Run:
editor.DomComponents.clear() - Run: editor.loadProjectData(projectData);
What is the expected behavior? The outline of component should be shown.
What is the current behavior? The outline of component is not showing after apply the project.
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (3)
@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.
<img width="1435" alt="image" src="https://user-images.githubusercontent.com/1437734/213596488-ff30bf4c-128a-4ca7-a0ef-f4fa15e9d19b.png">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)
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4503
BUG: Missing inline styles used by CKEditor when adding raw html components
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromium v96 Reproducible demo link https:...
Issue #4448
BUG: Error on resize image.
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave Browser Last version Reproducible de...
Issue #6685
BUG: Custom component styles are not applied after deletion and re-addition
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v143.0.7499.193 Reproducible demo l...
Issue #6250
BUG: Clone page prompt 'Converting circular structure to JSON'
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 129.0.6668.101Reproducible demo link...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.