Style Manager setTarget does not work
Thanks @maryia-kabash found the issue, will be fixed in the next release!
Read full answer below ↓Question
Version: 0.16.22
What is the expected behavior? setTarget allows styling a CSS rule different from the selected component
Describe the bug Upon calling setTarget method Style Manager still has a selected component as styling target
What is the current behavior? setTarget doesn't update this.propTarget.model (updates this.propTarget.targets instead). Please compare the file style_manager\view\SectorsView.js:
Version 0.14.62 https://prnt.sc/v28tc2
Version 0.16.22 https://prnt.sc/v28ttv
Answers (3)
Thanks @maryia-kabash found the issue, will be fixed in the next release!
Hello @artf ! I have a question regarding this fix - setTarget now updates classes in Class section correctly, but Style Manager doesn't reflect the actual styles. Please see - https://prnt.sc/vfzuvv Maybe these is an event that can be triggered to update the values in Style Manager?
Thanks for the report and the suggestion Maryia. The fix will be available in the next release (I hope to publish it tomorrow)
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3125
linear-gradient CSS does weird things to background-image
Version: 0.16.27 Are you able to reproduce the bug from the demo? [x] Yes [ ] No What is the expected behavior? When adding background-imag...
Issue #6458
sector.setName doesn't work
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfi...
Issue #5795
How to add a addtional custom block manager like tab or section like block manager and style manager ,and add some blocks it to it?
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome v9 Reproducible demo link Describe...
Issue #5175
Move method is not working as expected
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://code...
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.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Tutorial
Embed GrapesJS in Your SaaS: A Weekend Guide
Embed GrapesJS in your SaaS and ship a white-label page builder over a weekend. Honest tradeoffs, real code, and the plugins that close the UX gap.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.