Background image for wrapper doesn't work if custom styling properties are selected
@diktar you have to pass all the background properties to styleable probably it's not the cleanest way to customize stuff but for now I wouldn't spend time on this
Read full answer below ↓Question
When editor is initialized with custom styling props defined for wrapper, background image is not set to wrapper. It is set correctly if editor is initialized with default configuration for wrapper.
Steps to reproduce:
- open https://jsfiddle.net/gu289h0q/
- select root element in editor
- in Style Manager open 'Decorations' sector and try adding a background image
Answers (2)
@diktar you have to pass all the background properties to styleable probably it's not the cleanest way to customize stuff but for now I wouldn't spend time on this
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 #1033
[BUG]: When IDs are used, it's not possible to update or remove a style
Steps to reproducehttps://jsfiddle.net/1cjjr02p/Click the text in editor, change background colour.Export CSS. You'll see both new and orig...
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 #1361
[Bug]: The drag placeholder should not be visible when there's no target
I'm using the latest release. Steps to reproduce:Configure grapesjs in such a way that the wrapper is not droppable.I have created a fiddle...
Issue #1830
[Bug]: StyleManager properties without "property" defined cause an error on component selection
When using a StyleManager property where "property" is not defined, and defaults to '', I'm seeing an error on component selection: "TypeEr...
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.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.