GrapesJS Issues

Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.

3464 issues found

#5442October 3, 2023by kishanp1023 answers
0 reactions

BUG: After applying the text color not able to set the background color

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome Reproducible demo link https://jsfiddle.net/a3xgLm7c/3/ Describe the bug How to reproduce the bug?Select the text and apply the text colorSelect the same text and apply the background color What is the expected beha...

mapsmarketing

Hi @kishanp102 , I tried to reproduce the issue with the steps described but both the text and background colours are being applied (please see screenshot). <img width="318" alt="image" src="https://github.com/GrapesJS/grapesjs/assets/7955...

kishanp102

Drag and drop the text component then apply the font color and click outside again click on the text and put the background color it is not applying screencast-jsfiddle.net-2023.10.11-091942.webm

mapsmarketing

Yep, you are right @kishanp102 it doesn't apply a new background colour on it after you've already set one. It's definitely a bug.

#5441October 3, 2023by padcom1 answer
0 reactions

BUG: No id for elements not having styles but with `script`, which results in script not running for those elements

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome latestReproducible demo link https://github.com/padcom/grapesjs-no-id-for-element-exampleDescribe the bug When creating custom GrapesJS components, if those components have the script() (runtime behavior for component...

artf

The issue is caused by the use of jsInHtml: false and how the internal JS generator is handled. I'll try to fix it for the next release.

#5432September 29, 2023by mahmudzNo answers
0 reactions

BUG: TailwindCSS responsive md:w-2/3 classes gets converted to md:w-2-3

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 117.0.5938.132 Reproducible demo link https://jsfiddle.net/bx8rtseh/2/ Describe the bug How to reproduce the bug?Setup remote store managerLoad some html with tailwindCSS classes Sample What is the expected behavior...

#5425September 26, 2023by javadsamiee1 answer
2 reactions

BUG: When add a similar page just components ids will be changed

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 117 Reproducible demo link https://jsfiddle.net/mirjavad/ctsx7zer/5/ Describe the bug I wanted to create a clone action for a page and noticed this bug. How to reproduce the bug?Create several pages with the same component...

artf

Good catch @javadsamiee will be fixed in the next release

#5424September 26, 2023by bgrand-ch1 answer
1 reactions

BUG: `component:styleUpdate` event is not fired

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 116.0.5845.187Reproducible demo link https://jsfiddle.net/yLcvbwjd/Describe the bug How to reproduce the bug?Add component:styleUpdate eventUpdate a style of a component with addStyle or setStyle What is the expected...

bgrand-ch

@artf ❤️

#5408September 21, 2023by quentin-bettoum2 answers
0 reactions

BUG: main.scss is missing in 0.21.6

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 118 Reproducible demo link none Describe the bug Hello there, I have themed GrapesJS following the instructions of the doc here: https://grapesjs.com/docs/getting-started.html#theming But with 0.21.6, it's not poss...

joukhar

yeah src folder is missing

artf

Same issue as https://github.com/GrapesJS/grapesjs/issues/5392

#5398September 19, 2023by padcom1 answer
0 reactions

BUG: Missing type declaration from exports in package.json

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? chromeReproducible demo link https://github.com/padcom/grapesjs-import-errorDescribe the bug 0.21.6 changed the way things are exported and now VSCode doesn't see type declarations: It happens when TypeScript uses: which is...

padcom

PR: https://github.com/GrapesJS/grapesjs/pull/5399

#5392September 17, 2023by joukhar3 answers
11 reactions

BUG: Latest version 0.21.6 doesn't come with src folder

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 114.0.5735.199 (Official Build) (64-bit) Reproducible demo link N/A Describe the bug Latest version 0.21.6 doesn't come with src folder when installing grapesjs using npm npm install [email protected] Code of...

joukhar

it was just one file scss files are more organized and more powerful that css files but i have a backup plan

artf

@bgrand-ch I think what you're mentioning is fixable with CSS variables. I was also thinking about introducing a new small module for theming, that would allow updating the editor appearance programmatically, and under the hood, it would b...

joukhar

because of sass files to overwrite variables it is very important

#5389September 16, 2023by hannydevelop2 answers
1 reactions

BUG: GrapesJS v0.21.5 Doesn't Work in NodeJS (Headless)

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? ChromeV117.0.5938.62 Reproducible demo link https://stackblitz.com/edit/node-1zsusv Describe the bug How to reproduce the bug? Run node index.js to start application. What is the expected behavior? ... What is the current...

hannydevelop

Can you check with the latest version https://github.com/GrapesJS/grapesjs/releases/tag/v0.21.6 Thank you so much @artf this works perfectly.

artf

Can you check with the latest version https://github.com/GrapesJS/grapesjs/releases/tag/v0.21.6

#5388September 16, 2023by hannydevelop3 answers
0 reactions

BUG: Running Headless Mode Returns Different HTML from Editor

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? ChromeV117.0.5938.62 Reproducible demo link https://codesandbox.io/embed/quizzical-galileo-cqldjh?fontsize=14&hidenavigation=1&theme=dark Describe the bug How to reproduce the bug?Store pages using the store managerTry to...

artf

Hi @hannydevelop you have custom component types but you didn't pass any plugins on grapesjs.init that's why the default div is applied

hannydevelop

Hi @hannydevelop you have custom component types but you didn't pass any plugins on grapesjs.init that's why the default div is applied I'm sorry that I am opening this again, adding the plugin in the normal way returns an error:

artf

@hannydevelop can you please show the code?