Canvas external CSS
Should not cause any issue as being the first element inserted but for the sake of completeness we gonna move it inside the head element
Read full answer below ↓Question
Comments in canvas/config.js state the external styles are added to the head of the iframe however the code in view/CanvasView.js actually appends the CSS to the body of the iframe.
if (externalStyles) {
body.append(externalStyles);
}
Expect it to work how the external scripts do where they are appended to the head correctly.
Answers (2)
Should not cause any issue as being the first element inserted but for the sake of completeness we gonna move it inside the head element
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 #809
[Bug]: CSS not added when blocks are drag and dropped after core:canvas-clear command invoked
I'm using grapesjs-blocks-basic plugin that has a number of column blocks. When I drag and drop these blocs onto the canvas they are displa...
Issue #1506
Css Media Query Issue
Hello @artf There is an issue on demo page as well as library in media query. Issue is that if user update style on mobile view first and t...
Issue #1895
[QUESTION] Drag component over canvas with script, script appended multiple times.
Hi, not sure if this is a bug or not. But I noticed a weird behavior, when I drag a block that has a component that contains a script funct...
Issue #1366
[BUG] Duplicating CSS
On newest version of Grapesjs. I can replicate bug on both. Linux Ubuntoo, Moxilla. I expect that the css only shows up once, otherwise it'...
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.