GrapesJS Issues

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

644 issues found

πŸ” components
#6202October 9, 2024by klipto-inc2 answers
0 reactions

Javascript CDN not working on grapejs canvas

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 129 Reproducible demo link https://grapesjs.com/demo Describe the bug const newEditor = grapesjs.init({ fromElement: true, // Allow components from HTML container: "#editor", canvas: { scripts: [ "https://cdn.jsdelivr.net/...

artf

@klipto-inc please create the bug report with a proper reproducible live demo

ClaudeCode

Thanks for reporting this, @klipto-inc. The issue with Javascript CDN not working on grapejs canvas appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modificat...

#6142September 10, 2024by rhoenerSBS2 answers
0 reactions

Redo of Pages not working properly

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v128 Reproducible demo link https://app.grapesjs.com/studio Describe the bug After adding a Page, removing it with undo and adding back with redo, the page is not working properly. The Layer Manager does not update...

artf

Thanks for the report @rhoenerSBS

ClaudeCode

Thanks for reporting this, @rhoenerSBS. Great question about Redo of Pages not working properly. The recommended approach with UndoManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific modul...

#6122September 4, 2024by mohamedsalem4013 answers
3 reactions

[Fix] Fix and refactor Sorter.ts

[x] Fix the Sorter usage in StyleManager (regression with sorting property layers) [x] Refactor Sorter with the usage of Components.canMove [x] Update canMove with the check of dropping main Symbol inside its own instance.

mohamedsalem401

This's done.

mohamedsalem401

The idea is to refactor the sorter for improved maintainability and readability. We can implement the following changes:Make Sorter class depend on an abstract tree structure rather than relying on specific implementations like Component o...

ClaudeCode

Thanks for reporting this, @mohamedsalem401. Thanks for sharing your report about [Fix] Fix and refactor Sorter.ts. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) You...

#6102August 31, 2024by Alababdiy3 answers
5 reactions

Traits Not Displayed After Reloading Editor for Custom Component

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 91VReproducible demo link https://jsfiddle.net/8tsj5vpb/Describe the bug I'm encountering an issue with GrapesJS where traits defined for a custom component are not being displayed after reloading the editor. The trai...

mohamedsalem401

@Alababdiy I was unable to reproduce the issue using the link provided. However, it seems like the issue is that GrapesJS doesn't allow adding or defining a component after it has been initialized.

mohamedsalem401

Hey @Alababdiy, I wasn't able to reproduce the issue you described in the JSFiddle.

ClaudeCode

Thanks for reporting this, @Alababdiy. The issue with Traits Not Displayed After Reloading Editor for Custom Component appears to be a race condition or state management timing problem. This typically happens when component lifecycle event...

#6096August 30, 2024by kanaihyakumar4 answers
2 reactions

Resizable Box Disappears on Component Reselection

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfiddle.net/kanaihyakumar/oedg76nt/ Describe the bug Description When selecting any component on the canvas, it highlights the bottom resize box as per the settings. However, upon cli...

kanaihyakumar

Earlier, I needed to be more clearer about the steps to reproduce the issue. Here is the refined steps to produce the issue. Steps to Reproduce the Issue:Click on the section directly.Observe the resizable options displayed.Click in an are...

kanaihyakumar

Trust me, I was lucky that I was able to find this tragic behavior of clicking different places inside section was behaving but different.

artf

I don't see it disappearing if not when you press the click but that is expected as it gets ready to be dragged

#6086August 23, 2024by jdkcoder3 answers
1 reactions

Cannot read properties of undefined (reading 'lastComponent') & resizable feature not work

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Edge v128Reproducible demo linkshttps://codesandbox.io/p/devbox/github/jdkcoder/cv-builderhttps://stackblitz.com/github/jdkcoder/cv-builder Describe the bug I'm using GrapesJS in Nuxt.js 3 project, the error Cannot read prop...

artf

You can skip removing the components (instance.value.Components.clear()) as you're destroying the editor anyway This shouldn't generate any error

WilliamDASILVA

@jdkcoder By commenting the reRender function we don't have the issue anymore. The lastComponent error comes from the this.get('selected') in Editor being undefined at some point. And by checking the debugger, it indeed becomes undefined w...

ClaudeCode

Thanks for reporting this, @jdkcoder. The issue with Cannot read properties of undefined (reading 'lastComponent') & resizable feature not work appears to be a race condition or state management timing problem. This typically happens when...

#6001July 13, 2024by thigh1 answer
0 reactions

Layer manager breaks when alternating between pages

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? MS Edge 126.0.2592.87 (Official build) (arm64) Reproducible demo link n/a Describe the bug How to reproduce the bug?...Using versions 0.21.11 or 0.21.12 of grapesjs, create a multi-page project. While on page A the Layer m...

ClaudeCode

Thanks for reporting this, @thigh. Great suggestion about Layer manager breaks when alternating between pages! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event syste...

#5990July 4, 2024by ihatov084 answers
1 reactions

When you delete a component, duplicate classes between components will be deleted.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 126.0.6478.127(Windows) Reproducible demo link https://jsfiddle.net/t06s4oLb/8/ Describe the bug How to reproduce the bug?Add section1 to canvasAdd section2 to canvas under section1remove section2 from canvas.The st...

artf

You should avoid putting shared styles in component-related ones. Check this discussion on how to prevent this: https://github.com/GrapesJS/grapesjs/discussions/5968

ihatov08

As a temporary workaround, styles for each component are prefixed with id.

ihatov08

@artf thank you for your reply. I would like to confirm #5968

#5942June 12, 2024by adarshsingh1972 answers
0 reactions

BUg in RichTextEditor

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome Reproducible demo link i have given the code in issues Describe the bug Screencast from 12-06-24 03:09:58 PM IST.webm problem is right after applying any bold or italic it is getting disappeard once i click somewher...

artf

From the official demo it looks to work as expected, so I guess it's related to your custom logic. Please provide a minimal reproducible demo of the issue.

ClaudeCode

Thanks for reporting this, @adarshsingh197. The error error: any) { occurs when ProseMirror attempts to access properties before the component lifecycle is fully initialized. This is a common race condition in GrapesJS. Immediate workaroun...

#5923May 31, 2024by MarceloBD2 answers
0 reactions

GrapeJs not loading on browsers sometimes

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Firefox 126.0.1Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug How to reproduce the bug?Open your firefox browser and go to the demo link What is the expected behavior? The editor should show a white sc...

nhan-nguyen-se

@MarceloBD How did you manage to solve this? I'm facing the same issue.

ClaudeCode

Thanks for reporting this, @MarceloBD. Security and dependency issues are important. The GrapesJS team actively works on keeping dependencies up-to-date. For you right now: Run npm audit fix to see available patches Check for a newer Grape...