BUG: Style Manager don't update background when component is selected
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
Brave Browser V1.39.111
Reproducible demo link
https://jsfiddle.net/e7oau8v6/
Describe the bug
How to reproduce the bug?
-
Thow a column in canvas.
-
Select the text component
-
Go to style tab and find background on decorations
-
Set a background image.
-
Change the component.
-
The background property doesn't change
What is the expected behavior? That the background property update to current status of the component selected
What is the current behavior?
Background property don't update and keep the previous state, event if we trigger this: editor.trigger('component:toggled');
If is necessary to execute some code in order to reproduce the bug, paste it here below: From line 9 to end of file of reproducible demo.
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (2)
Hi @ronaldohoch the issue here is with your custom type background and the way you're adding it is not correct (proper usage of the API).
The addType is mainly for adding new UI inputs, if you don't need a new type of UI (like in your case) you can rely on addBuiltIn to extend the default background properties (you can refer to grapesjs-style-filter for a more advanced usage of addBuiltIn)
@tuongnguyendev your issue seems unrelated, please create a new issue with a reproducible demo.
Hi @artf , I have a problem quite similar to @ronaldohoch when use the latest version of GrapesJS
Background image preview show error link
Details are in the image below:
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4362
BUG: Background image preview show error link
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 102.0.5005.61 Reproducible...
Issue #6458
BUG: 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 #4097
BUG: mousePosFetcher in resizer config & change:style listener not working
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave V1.34.81 Reproducible demo link http...
Issue #5487
BUG: Style Manager doesn't display multiple rules for the same class
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox Reproducible demo link https://jsf...
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.