BUG: Style Manager Background UI does not work correctly for Body/Wrapper
Question
There is what appears to me to be a UI bug in the Style Manager's Background control when working with the Body vs the other components. This issue is visible in @kuhelbeher screenshot from #2834 , but I will provide some simple steps to reproduce as well. Perhaps this issue is related to that problem.
- Go to https://grapesjs.com/demo.html
- Delete all the existing components until we just have the Body/wrapper
- Select Body and set a background image (notice what the Background UI looks like at this point for the body image setting)
- Open the blocks and drag a Navbar to the top of the page
- Set a background image on the Navbar as well and it should render in the editor
- Select the Body/wrapper again at this point and now look at the Background UI (it appears that it knows that a non-default setting has been made since the label has changed color and the reset icon is visible, but Layer 1 is NOT shown)
- Select the Navbar in the editor and compare what it displays in the Background UI (Layer 1 is correctly shown)
Navbar selected

Body selected

Version: 0.17.19
Are you able to reproduce the bug from the demo?
- Yes
- No
Answers (1)
Thanks Jim, yes it's actually the same issue, so I'm closing this one as a duplicate of #2834 I'll post updates there once it's fixed.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2834
[BUG] Grapesjs doesn't initialize styles for wrapper
Hello, I've met a bug where grapesjs doesn't initialize styles for wrapper. Steps to reproduce:Go to https://grapesjs.com/demo.html Select...
Issue #1834
[BUG]: background image for wrapper doesn't work if custom styling properties are selected
When editor is initialized with custom styling props defined for wrapper, background image is not set to wrapper. It is set correctly if ed...
Issue #6365
BUG: Style Manager Fails to Interpret Descendant Selectors Correctly
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 131.0.6778.205 Reproducible...
Issue #4576
BUG: Clicking 'wrap for style' button affects the inner components of other components inside the same text box
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 104.0.5112.101 Reproducible demo link...
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.