DOM/Component buginess when editing Classes/Settings
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...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.