DOM/Component buginess when editing Classes/Settings
Thanks @z1lk I confirm you about the issue in the demo, but the bug behind this was already fixed thanks to #661 The patch will be available in the next release
Read full answer below βQuestion
Encountered this while developing a plugin. I've reproduced it in the official demo via Browserstack on a different OS and browser, so I'm pretty confident there's a bug here. Exact steps to reproduce:
- Load the demo, clear the canvas (trash icon), and refresh page to get a fresh demo page
- Select the "Build your templates without coding"
divin the canvas - Open the Settings section in the Style panel, and in the ID field type
a,ENTER,b,ENTER(i.e. change the ID twice) - Notice that the Component is still selected, but DOM element has lost the
gjs-comp-selectedclass, which gives blue border - In the classes editor, click X to remove the
lead-titleclass - Immediately give the component a Title via the setting
- Notice that the
lead-titleclass has returned in the DOM but not in the classes editor - You can sync the DOM/Component classes back up by making a change via the classes editor
Answers (3)
Thanks @z1lk I confirm you about the issue in the demo, but the bug behind this was already fixed thanks to #661 The patch will be available in the next release
Should be fixed now https://github.com/artf/grapesjs/releases/tag/v0.12.58
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1699
[BUG] Link elements are not copyable/deletable
In the editor, if we have link element with some classes, the editor does not allow to copy/delete the element. GrapesJS version: v0.14.50S...
Issue #530
Elements hidden through the layer manager can no longer be brought back after saving the content.
Steps to reproduce on http://grapesjs.com/demo.html :Click on the Layer Manager.Hide any layer, e.g.: the Header.Save the content - this ha...
Issue #895
[Bug] Update script won't refresh component script properly after autoloading component from html in localStorage
I'm using GrapesJS v0.14.5 in a local copy. OS: Ubuntu 16.04 LTS Browser: Chrome Version 64.0.3282.140 (Official Build) (64-bit) I think I...
Issue #1037
[Bug] Devices with a percentage width not supported
version: 0.14.8Steps to reproduce the bugUse the grapesjs-blocks-bootstrap4 plugin.Use the index.html example there - Keep the default devi...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins βPremium plugins ship with support, regular updates, and production-ready features β save days of integration work.
Browse premium plugins βRelated tutorials
In-depth guides on the same topic.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.