Issue #2275šŸ’¬ AnsweredOpened September 18, 2019by adriangroch0 reactions

Default styling not being applied when default panels are instantiated

Quick answerby 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.Are you using the latest release (older versions are NOT supported)? YesAre you facing the bug with your local copy of GrapesJS or with the current demo? BothWhat is the expected behavior? When a default panel is added, that overflow scrolling and stylings consistent with the rest of the editorWhat 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...

Answers (3)

artf• September 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...

adriangroch• September 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

artf• September 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.