Issue #680πŸ’¬ AnsweredOpened December 25, 2017by z1lk2 reactions

DOM/Component buginess when editing Classes/Settings

Quick answerby artf❀ 1

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:

  1. Load the demo, clear the canvas (trash icon), and refresh page to get a fresh demo page
  2. Select the "Build your templates without coding" div in the canvas
  3. Open the Settings section in the Style panel, and in the ID field type a, ENTER, b, ENTER (i.e. change the ID twice)
  4. Notice that the Component is still selected, but DOM element has lost the gjs-comp-selected class, which gives blue border
  5. In the classes editor, click X to remove the lead-title class
  6. Immediately give the component a Title via the setting
  7. Notice that the lead-title class has returned in the DOM but not in the classes editor
  8. You can sync the DOM/Component classes back up by making a change via the classes editor

Answers (3)

artfβ€’ December 27, 2017

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

lock[bot]β€’ September 18, 2019

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.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins β†’
Premium option

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.

All tutorials β†’

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.