Issue #2275💬 AnsweredOpened September 18, 2019by adriangroch0 reactions

Default styling not being applied when default panels are instantiated

快速解答by artf

Sorry @adriangroch but I don't really understand what do you expect. I see the panel and its styles correctly applied. Are you talking about the scroll outside the editor?? That has nothing to do with the editor and its styles...

Read full answer below ↓

Question

It seems that when the default panels is altered in the config, the basic styles are stripped from the panels. For example the font and scrollbars.

  1. Are you using the latest release (older versions are NOT supported)? Yes

  2. Are you facing the bug with your local copy of GrapesJS or with the current demo? Both

  3. What is the expected behavior? When a default panel is added, that overflow scrolling and stylings consistent with the rest of the editor

  4. What happens instead? Stylings are not applied to the panel

Live example: https://jsfiddle.net/bhujavo5/

It's weird because the default styling is applied to the canvas, but is rejected from the rest of the editor. Am I incorrectly initializing the editor?

Answers (3)

artfSeptember 25, 2019

Sorry @adriangroch but I don't really understand what do you expect. I see the panel and its styles correctly applied. Are you talking about the scroll outside the editor?? That has nothing to do with the editor and its styles...

adriangrochSeptember 25, 2019

@artf, when you have enough components on the canvas and then select the layer manager, the styles are not applied as they are in the default example - the font is different and the scrollbar has changed. It's all still within the editor

artfSeptember 28, 2019

That scrollbar is not from the editor but from the body and about the font, being a custom UI (when you use appendTo) the font is taken from the parent

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →
Premium option

Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.

Browse premium plugins →

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.