GrapesJS Issues

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

183 issues found

πŸ” documentation
#4912Feb 6, 2023by lexoyo3 answers
1 reactions

Broken links in the docs

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? any Reproducible demo link no Describe the bug Since the move from artf to GrapesJS I believe many links are still to the original repo https://github.com/GrapesJS/grapesjs/search?q=artf Should I try to replace it or do we...

lexoyo

I did a PR, I hope I didn't miss anything, I had to test almost each link

artf

I think some stuff are redirecting but others might be broken, I'd appreciate a PR if anyone is willing to help πŸ™

GJSBlock

Thanks for reporting this, @lexoyo. The issue with broken links in the docs appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating a...

#4861Jan 21, 2023by edenizk3 answers
1 reactions

<br/> is adding to single line text, after entering space for the first time in firefox

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox Reproducible demo link https://jsfiddle.net/8rm5wv2y/1/ Describe the bug How to reproduce the bug?open example page in firefox (it has no modification)click show code, you will see that there is no <br/> element in...

artf

Unfortunately this is not related to grapesjs itself but how Firefox handles editable text. I guess one option would be to switch to some custom rich text editor which doesn't rely on the native behaviour.

edenizk

Thank you for your answer πŸ™‚

GJSBlock

Thanks for reporting this, @edenizk. Great question about <br/> is adding to single line text, after entering space for the first time in firefox. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check...

#4765Dec 2, 2022by wunksert4 answers
3 reactions

The documented way to parse @keyframes does not work

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v107Describe the bug How to reproduce the bug?Follow this instructions here to create your own CSS parser, and put in a @keyframes rule css string. I used the pre-built posts parser here: hereThe structure comes out o...

artf

Hi @wunksert there was an issue related to keyframes here which was already fixed but not yet released.

artf

The fix is available in the latest version https://github.com/artf/grapesjs/releases/tag/v0.20.2

wunksert

@artf super! Do you know when the release will be?

#4732Nov 17, 2022by Rilvatore4 answers
0 reactions

Tabs behaviour after HTML import

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 107 (MacOS) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Drag and drop the Tabs block into the editor contentClick on the "import" button on the topChange something...

artf

This is not related to the core but more to the Tab plugin which is not re-importable by default.

Rilvatore

Hey! Thanks a lot for the answer. In fact, the issues seems to come from the reimport code & store manager, that does not update the JSON part of the code. Would you have a way to take a look? Or should we create the same ticket on the tab...

artf

It's related to the Tab plugin as once you print its HTML there is no way to reimport is back. You can actually extend the Tab component and add the isComponent method to allow the parser to identify the component.

#4727Nov 12, 2022by dreamsight1 answer
0 reactions

NO NEED anyone can reproduceDescribe the bug

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Version 107.0.5304.107 (Official Build) (64-bit) ChromeReproducible demo link NO NEED anyone can reproduceDescribe the bug when saving HTML and CSS the program formats Converts CSS i.e. "@keyframes slide {" TO "@media slide{...

GJSBlock

Thanks for reporting this, @dreamsight. The issue with * appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating an inconsistent stat...

#4606Sep 22, 2022by bit-ocean2 answers
0 reactions

A script delcaration mistake at "Commponent & JS" documentation page.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? irrelevant to the issue Reproducible demo link https://grapesjs.com/docs/modules/Components-js.html#basic-scripts Describe the bug Hey, rather than creating a pull request for such a small change, I share it here. The intr...

artf

The script is right above ps: you can use Discussions if you're not reporting a bug

GJSBlock

Thanks for reporting this, @bit-ocean. The issue with A script delcaration mistake at "Commponent & JS" documentation page. appears to be a race condition or state management timing problem. This typically happens when component lifecycle...

#4603Sep 22, 2022by Akira-Kuru2 answers
1 reactions

Webpage Demo displaying incorrectly on Firefox

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Firefox 105.0 (64-bit)Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug How to reproduce the bug?Opening up the demo Page (https://grapesjs.com/demo.html) in Firefox. What is the expected behaviour? That...

artf

Yeah thanks @Akira-Kuru fixed the issue here https://github.com/artf/grapesjs-preset-webpage/releases/tag/v1.0.2

GJSBlock

Thanks for reporting this, @Akira-Kuru. Great question about Webpage Demo displaying incorrectly on Firefox. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your speci...

#4588Sep 14, 2022by wunksert2 answers
0 reactions

API Docs Configuration Object link broken

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Safari Reproducible demo link https://grapesjs.com/docs/api/editor.html#editor Describe the bug How to reproduce the bug?Visit https://grapesjs.com/docs/api/editor.html#editorClick "Configuration Object" on line 2 and 33....

artf

Thanks @wunksert the link is already updated and will be fixed on the next release

GJSBlock

Thanks for reporting this, @wunksert. Great question about API Docs Configuration Object link broken. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific mod...

#4575Sep 10, 2022by Aventrue3 answers
1 reactions

Custom is missing in the AssetManagerConfig

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link this is a compile error Describe the bug The property custom is missing in the AssetManagerConfig. It works if I use the untyped grapesjs but I want use it with types. Is there a workaround fo...

Singwai

Feel free to update the type definition, here is an example commit. https://github.com/artf/grapesjs/commit/49deeeeab74aff3e46f22d0bb06e7f7608955afd

Aventrue

My workaround: let assetConfig: grapesjs.AssetManagerConfig = {}; assetConfig["custom"] = { open: (props) => { this.openGalleryDialog(props); }, close: (props) => { this.dialog.closeAll(); }, };

GJSBlock

Thanks for reporting this, @Aventrue. The issue with Custom is missing in the AssetManagerConfig appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modification...

#4512Aug 15, 2022by mingodad3 answers
0 reactions

Almost all examples from this page fail with grapejs

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 103.0.5060.134 (Official Build) Built on Ubuntu , running on Ubuntu 18.04 (64-bit) Reproducible demo link https://alvarotrigo.com/blog/html-css-tabs/ Describe the bug Not switching/showing tab contents when testing...

mingodad

After looking around I found this closed issue https://github.com/artf/grapesjs/issues/2873 and based on it I did this to allow checkbox/radio in preview mode: And now at least the checkbox/radio works in preview and some demos work in pre...

artf

Thanks @mingodad I released a new version of the form plugin and added support for the preview.

GJSBlock

Thanks for reporting this, @mingodad. The issue with almost all examples from this page fail with grapejs appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM mod...

Browse all topics