BUG: Background modification doesn't work for non-images
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
Chrome v100
Reproducible demo link
https://grapesjs.com/demo.html
Describe the bug
How to reproduce the bug?
- Click any component, scroll to Decorations > Background in the style manager
- Attempt to create a background with a basic color or gradient
What is the expected behavior? I should be able to set a background with a color or gradient (in addition to image).
What is the current behavior? I am only able to select an image for the background.
(Note that clicking on the color-picker looking area in the top right does nothing)
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (3)
Hi @artf Is there a chance that this feature could get some attention? I find it fundamental. There is a lot of great functionality added to grapesjs since 0.17.29 (the last one grapesjs-style-bg plugin supports) and I would love to use the new versions of grapesjs. Its great functionality offering easy workflow in layers of gradients, colors and transparency of images is crucial to me and holds back from upgrading. Thank you so much for your consideration.
You can use the background color input for an image color but the UI looks confusing and should be changed.
Yeah, I disabled the previous plugin with color/gradients as it's not compatible with the latest versions but I'll work on it soon. For now, I close this issue as it has nothing to do with the core itself.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #5268
BUG: autoplay for youtube or vimeo doesn't work
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v115 Reproducible demo link https:/...
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 #5378
BUG: Uncaught TypeError: Cannot read properties of undefined (reading 'Canvas') while dragging a component in Layer Manager Panel
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v116.0.5845.97 Reproducible demo li...
Issue #4208
BUG: Style click state bug in every element
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave Last, tested on chrome last and Safa...
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.