GrapesJS Issues

3,464 parsed GitHub issues โ€” 370 solved ยท 90 open. Search, filter and explore battle-tested answers.

644 issues found

๐Ÿ” components
#6494April 15, 2025by yashvi20261 answer
0 reactions

Create and destroy repeatedly throws error

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://codepen.io/Harshsne/pen/QwwLjBQ Describe the bug How to reproduce the bug? Click Create and then Destroy repeatedly and rapidly. Upon debugging, I found that the error occurs due to th...

ClaudeCode

Thanks for reporting this, @yashvi2026. Great question about Create and destroy repeatedly throws error. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your speci...

#6425February 27, 2025by asabryil1 answer
0 reactions

Dragging an elements with 0 height causes unexpected behaviour

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? All browsers, latest version Reproducible demo link Can be reproduced on offical demo Describe the bug How to reproduce the bug? Add a block, set the height and min-height to 0 Add another normal block Add a container Try...

ClaudeCode

Thanks for reporting this, @asabryil. Great question about Dragging an elements with 0 height causes unexpected behaviour. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentatio...

#6422February 27, 2025by sumasal2 answers
0 reactions

in dev branch when the preview is enabled dragging of components should not be allowed but it does.

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? chrome 133 with dev branch as of 02.27.2025 Reproducible demo link clone dev repos as of 02.27.2025 Describe the bug How to reproduce the bug? ... clone repo and build and start ...in demo page click to enter preview mode...

sumasal

temporary workaround for the impatient:

ClaudeCode

Thanks for reporting this, @sumasal. Great suggestion about in dev branch when the preview is enabled dragging of components should not be allowed but it does.! While this specific feature isn't yet in the core API, there are several ways...

#6409February 18, 2025by Shuja-Mahmood4 answers
0 reactions

Cannot drag to move components on mobile

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v133 Reproducible demo link https://jsfiddle.net/2hjdrb7L/1/ Describe the bug How to reproduce the bug? Initialize a grapesjs editor using grapesjs v0.22.x with the grapesjs-touch plugin v0.1.1. What is the expected...

bamiendev

Same issue

federica-capobianco

did you manage to solve it? Facing a kind of similar issue

Shuja-Mahmood

Issue still exists in v0.22.6

#6358December 19, 2024by rhoenerSBS2 answers
0 reactions

BlockManager config "appendOnClick" does not work anymore

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v131 Reproducible demo link https://jsfiddle.net/0uaxn2vc/2/ Describe the bug How to reproduce the bug?open link to fiddleselect body or other component where components can be addedtry to add component only by clic...

artf

Thanks @rhoenerSBS the issue was fixed here and will be available in the next release.

ClaudeCode

Thanks for reporting this, @rhoenerSBS. Great question about BlockManager config "appendOnClick" does not work anymore. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation f...

#6307November 12, 2024by maxming23331 answer
0 reactions

MJML Component `tagUpdated` will make it impossible to `hover`

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 130.0.6723.117 Reproducible demo link https://grapesjs.com/demo-mjml Describe the bug How to reproduce the bug?Select a component at random, such as the second mj-section on the demo pageHover this component in the editor...

ClaudeCode

Thanks for reporting this, @maxming2333. Great question about MJML Component tagUpdated will make it impossible to hover. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentatio...

#6296November 5, 2024by maneeshp972 answers
0 reactions

Custom react components gets wrapped inside a div

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Arc v1.61.1 Reproducible demo link https://codesandbox.io/s/grapesjs-react-components-n6sff Describe the bug @artf First of all thank you for this amazing library. I was trying to create custom react components within grap...

artf

Yeah, that's expected from the demo perspective. You can play around with the code and find your solution but I'm closing this as it's not a core bug.

ClaudeCode

Thanks for reporting this, @maneeshp97. The issue with Custom react components gets wrapped inside a div appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modi...

#6271October 25, 2024by padcom4 answers
1 reactions

Drag and drop of components doesn't work on latest Firefox

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 131.0 (64-bit) on Linux and Mac Reproducible demo link https://grapesjs.com/demo Describe the bug How to reproduce the bug?Start dragging the "Hover me" buttonTry to put it above the "All text blocks could be edite...

padcom

You guys are awesome! And not a moment too soon :) I have a presentation Today in the afternoon and now I'll be able to show it working on Firefox too!

padcom

I've tracked down the breaking change in Firefox to version 109.0. It's the first one that has the problem. Version 108.0.2 works fine. Hope that helps.

padcom

I have also tested 133.0a1 nightly from 2024-10-24-21-16-15-mozilla-central and the problem is also there.

#6269October 25, 2024by bt-mkt4 answers
3 reactions

Component model and view inits every time it's dragged over every component present in Canvas on which it can be dropped into

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 130.0.6723.59 (Official Build) (arm64) Reproducible demo link https://codepen.io/btmkt/pen/QWeOJRB?editors=1111 Describe the bug How to reproduce the bug?Open console.Drop multiple components inside the canv...

artf

@mohamedsalem401 this is probably happening due to the shallow editor. I think it would make sense to leverage the temporary option (which we already use to skip some actions) in canMove. wdyt?

mohamedsalem401

@artf Yes, I suspect it has to do with the shallow editor. Hopefully the temporary option will work and then I'll open a PR

bt-mkt

@mohamedsalem401 this is probably happening due to the shallow editor. I think it would make sense to leverage the temporary option (which we already use to skip some actions) in canMove. wdyt? Hello @artf, The change above, which I saw wa...

#6211October 11, 2024by jlafosse4 answers
0 reactions

Too much recursion

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 131.0.2 Reproducible demo link https://grapesjs.com/demo-newsletter-editor.html Describe the bug How to reproduce the bug?Go to the grapesjs demo, then import the following html:Open your browser console.Rapidly cl...

artf

Hey @jlafosse thanks for the report. I'd not expect that issue with the latest version: <img width="123" alt="Screenshot 2024-10-21 at 19 00 04" src="https://github.com/user-attachments/assets/ff074a31-cd19-4547-bb27-596c92e16d64"> Can you...

jlafosse

Indeed, that appears to have fixed the issue! Thank you!

artf

๐Ÿ™Œ closing then, thanks ๐Ÿ™‡โ€โ™‚๏ธ