GrapesJS Issues

3,464 parsed GitHub issues β€” 370 solved Β· 90 open. Search, filter and explore battle-tested answers.

336 issues found

πŸ” style-manager
#5941Jun 11, 2024by shahsalmanbukhari3 answers
1 reactions

GrapesJS CDN not working

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 125.0.6422.113 Reproducible demo link <script src="https://grapesjs.com/js/toastr.min.js"></script> Describe the bug How to reproduce the bug?just click on anyone of these link, thy will show you 404 page What is th...

artf

Hey @shahsalmanbukhari what you're referring to is not a CDN, but simple assets on the public website. Please don't use them as there is no versioning or even guarantee they won't be moved (as it happened due to the move of the website). U...

shahsalmanbukhari

Hey @shahsalmanbukhari what you're referring to is not a CDN, but simple assets on the public website. Please don't use them as there is no versioning or even guarantee they won't be moved (as it happened due to the move of the website).Us...

GJS Helper

The issue you're encountering with 404 errors for the provided GrapesJS links is due to a misunderstanding of how GrapesJS assets are typically served. The links you've shared, such as https://grapesjs.com/js/toastr.min.js and https://grap...

#5929Jun 6, 2024by mcnika2 answers
0 reactions

GrapesJS Fails to Apply Styles to Wrapper

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 125.0.6422.141 Reproducible demo link N/A Describe the bug When setting the following configuration for the storage manager: storageManager: { autosave: false, autoload: false, } The wrapper style is disappears ( t...

artf

The reproducible demo is required for a bug report.

GJS Helper

When storageManager.autoload is set to false in GrapesJS, the editor explicitly avoids loading any previously saved project data, including the styles applied to the wrapper (which is typically the <body> element by default). This means Gr...

#5891May 17, 2024by shapley2 answers
0 reactions

Installation of Grapesjs and yarn on Ubuntu 24.04 LTS

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 125.0.3, Brave 1.66.110 Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug Following the 'git' instructions to install Grapesjs when you execute 'yarn start' in Terminal: ~$ sudo apt install node...

artf

Thanks @shapley yeah it's not really related to GrapesJS or even yarn, you have to increase file system watchers

GJS Helper

The ENOSPC: System limit for number of file watchers reached error you're encountering is a common issue on Linux systems, including Ubuntu 24.04 LTS, when working with large projects that have many files, such as the GrapesJS repository w...

#5885May 14, 2024by vincepv3 answers
1 reactions

On fullscreen, color picker is hidden

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefoxe 125.0.3 (64 bits) Reproducible demo link https://grapesjs.com/demo-newsletter-editor.html Describe the bug How to reproduce the bug?install latest version of grapejsclick on fullscreen select a text or block with...

vincepv

Issue solved. I find a solution. When I init grapejs, I pass object config with colorPicker const config = { container: '#editor', fromElement: true, // other config options here colorPicker: { appendTo: 'parent', offset: { top: 26, left:...

artf

Thank @vincepv yeah there might be some conflicts with the fullscreen command and the default configuration of the color picker depending on how and where the editor container is rendered. Probably, in most of cases, it would be enough to...

GJS Helper

The issue you're encountering, where the color picker is hidden when GrapesJS is in fullscreen mode, is a common problem related to stacking contexts and how fullscreen elements are rendered. It's not a bug in the color picker itself, but...

#5882May 13, 2024by Riddle10011 answer
0 reactions

ID isn't updating after change

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug How to reproduce the bug?Create a blockClick itGo to the traits tabSet an new IDGo to the styles tabSee the ID hasn't changed (under class) To se...

GJS Helper

This is indeed a known synchronization issue within GrapesJS where the Styles tab's selector display doesn't immediately reflect changes made to a component's ID via the Traits panel. The behavior you described is accurate and reproducible...

#5829Apr 19, 2024by Mustufask3 answers
0 reactions

Uncaught TypeError: __webpack_require__.r is not a function at ./node_modules/grapesjs/dist/grapes.mjs (grapes.mjs:1:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:150:1) at ./src/Demo/Templates/TextEditor.js (Templates.js:31:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:150:1) at ./src/Demo/Templates/Templates.js (Templates.css:45:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:150:1)

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Version 123.0.6312.123Reproducible demo link Uncaught TypeError: _webpackrequire_.r is not a function at ./nodemodules/grapesjs/dist/grapes.mjs (grapes.mjs:1:1) at _webpackrequire (bootstrap:789:1) at fn (bootstrap:150:1) at...

Mustufask

@artf pls help me solve this issue as this node modules files doesnt allows grapesjs to work in my react based project

artf

Related discussion https://github.com/GrapesJS/grapesjs/discussions/5400 Please use the search before opening an issue.

GJS Helper

The Uncaught TypeError: _webpackrequire.r is not a function error you're encountering is a common Webpack-specific issue related to how it handles ES Modules (files ending in .mjs) and its internal module interop logic. The webpackrequire....

#5826Apr 18, 2024by subhojit-unnatim1 answer
0 reactions

[X] I confirm to use the latest version of GrapesJS

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 123.0.6312.123 Reproducible demo link https://jsfiddle.net/35Lq26du/1/ Describe the bug How to reproduce the bug? 1.Insert any container,column etcChange background color of any one of the group,If you inserted two...

GJS Helper

The issue you're encountering where changing the background color of one container affects others is not a bug in GrapesJS's core functionality, but rather a direct consequence of how CSS works in conjunction with GrapesJS's fromElement: t...

#5810Apr 14, 2024by ctrhub4 answers
1 reactions

Unnecessary Canvas style

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Arc Version 1.35.0 / Chromium Engine 123.0Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug My special case: In my case, all styles from plugins and general styles are located in the header. So, to achiev...

artf

it is intended to store canvas styles, styles that do not affect the result of hmtl/css, styles that will not be exported, right? Correctby default the body has a white background, this seems to be the default color in all browsers, no? ye...

artf

There is canvasCss option for that. Next time open a Discussion please, as this is not a core bug but wrong usage.

ctrhub

Hey @artf. Thanks for the answer. I'm not sure that we understood each other and I would like to clarify one detail. Yes, I know about the canvasCss property, moreover, I use it to change the styles of the selected component. I understand...

#5795Apr 4, 2024by gitpugal2 answers
0 reactions

How to add a addtional custom block manager like tab or section like block manager and style manager ,and add some blocks it to it?

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome v9 Reproducible demo link Describe the bug How to reproduce the bug?...... What is the expected behavior? ... What is the current behavior? ... If is necessary to execute some code in order to reproduce the bug, pas...

artf

@gitpugal please use the Discussions if you have any questions

GJS Helper

GrapesJS provides a flexible panel and command system that allows you to extend its UI with custom sections, similar to how the default Block Manager and Style Manager operate. To add an additional custom block manager-like tab or section...

#5788Apr 2, 2024by lexoyo3 answers
0 reactions

CSS properties default values

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? N/AReproducible demo link https://grapesjs.com/demo.htmlDescribe the bug Hi everyone !!! <3 How to reproduce the bug?open grapesjs official webpage democlick on a container, e.g. the hero section containerapply a font-weight...

artf

i need to select something else then normal again Yeah in case there are no values, the default UI preselects the default value, but that can be easily updated So I guess this is not a core bug but an "unexpectedly expected" behavior πŸ₯²

lexoyo

Oh ok, I thought you would want the default default value to be the expected expected behaviour πŸ˜ƒ Thank you for the answer

GJS Helper

Hi there! Thanks for reporting this issue. You've accurately identified a common point of confusion and a valid usability concern within the GrapesJS Style Manager regarding default CSS property values, especially when dealing with inherit...

Browse all topics