GrapesJS Issues

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

545 issues found

🔍 typescript
#6562Jul 9, 2025by jsxOverdose3 answers
1 reactions

Moved element snaps to wrong position on resize

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 138.0.7204.101 Reproducible demo link https://jsfiddle.net/u3L89ejh/1/ Describe the bug How to reproduce the bug? Resize the image Drag it somewhere else on the canvas Click one of those little blue resizer squares...

artf

@jsxOverdose pushed a fix to this new release: https://github.com/GrapesJS/grapesjs/releases/tag/v0.22.11

jsxOverdose

@artf In the new version, there's another bug: when you click one of the resize handles on the Y-axis, it makes the image significantly larger. Here's the demo: https://jsfiddle.net/du81zL6r/

GJS Helper

The issue you're experiencing with elements jumping to an incorrect position after being moved and then interacting with the resizer is a known behavior related to how GrapesJS handles CSS top and left properties, particularly when positio...

#6549Jun 25, 2025by yashvi20264 answers
1 reactions

Couldnt Resize image

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/YPXdgmj Describe the bug How to reproduce the bug? upload an image change it to mobile view resize the image What is the expected behavior? When manually changi...

mosh-tudor

@yashvi2026 That's because of your custom CSS code. Remove this part: from editor.BlockManager.add('image', {

artf

I confirm the component resizer doesn't account for !important right now, but I'd follow, more or less, what @mosh-tudor suggested. You don't need to remove the entire styles, as my guess is what you need, but I don't see the point of havi...

yashvi2026

I need to use !important in my style. I've noticed that in other components, when !important is included in the default styles, the styles added through the style manager also include !important to ensure they override the default. So, whe...

#6535Jun 6, 2025by MikeCraig4183 answers
0 reactions

BUG(v 1.0.48): Pasting rich content splits attribute values into individual attributes

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link Change your version from 1.0.48 to 1.0.47 Describe the bug How to reproduce the bug? Copy rich content from word Paste into Grapes I'm using self hosted options What is the expected behavior?...

MikeCraig418

For more context, the HTML formatted content disappears from Grapes. The HTML stores strings like:

artf

What Rich Text Editor are you using? Are you able to provide a way to reproduce it (eg. a way I can copy the same text)?

GJS Helper

The issue you're encountering in GrapesJS v1.0.48, where pasting rich content (especially from sources like Microsoft Word) causes attribute values to split into individual attributes, is a known regression. This typically manifests as a s...

#6515May 13, 2025by jsxOverdose2 answers
0 reactions

Resizing an element affects all elements with the same class

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 136.0.7103.93 Reproducible demo link https://jsfiddle.net/L4pu0tzc/ Describe the bug How to reproduce the bug? Add multiple image elements to the editor. Assign the same class name (e.g., class="shared-class") to ea...

artf

Ensure to have this option enabled: https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors

GJS Helper

The issue you're experiencing where resizing one element with a shared class affects all elements with that same class is a known behavior in GrapesJS, stemming from how it manages and applies CSS styles. By default, GrapesJS often tries t...

#6494Apr 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...

GJS Helper

The issue you're encountering with GrapesJS, where repeated rapid creation and destruction of the editor leads to errors like undefined 'allcomponents' and undefined 'lastcomponent', is a classic example of a race condition and state incon...

#6485Apr 10, 2025by yashvi20262 answers
0 reactions

ShowSelectionPalette doesnt work with custom color picker

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/GgRbMyg Describe the bug How to reproduce the bug? 1.Add a text box.enable rte. 2.Click the last option. 3.Change color click ok What is the expected behavior?...

mosh-tudor

@yashvi2026 Your code has many issues, and that’s why it doesn’t work. This has nothing to do with GrapesJS. You might want to use an AI tool to check your code if you're unsure what's wrong.

GJS Helper

The issue you're experiencing, where the custom color picker in GrapesJS's Rich Text Editor (RTE) doesn't display the previously selected color when reopened, stems from the custom color picker's onOpen implementation not correctly initial...

#6446Mar 15, 2025by brighterfrog2 answers
0 reactions

Feature Request: Add new component type

Description I would like to request a new component type for handling interactive charts. Use Case Creating data visualizations in the page builder Supporting dynamic chart updates Integration with existing data sources Expected Behavior The component should: Support multiple chart types (bar, line, pie) Allow data in...

artf

Hi @brighterfrog we use GH Issues only for bug reports. Please check these to understand how we manage feature requests and plugins: Roadmap Process Plugin Suggestion Process FYI here you might already find what you're looking for: GrapesJ...

GJS Helper

GrapesJS is highly extensible, allowing you to define custom component types to meet specific needs, such as integrating interactive charts. This involves defining a new component model, its view logic, and associated traits for user inter...

#6445Mar 14, 2025by bgrand-ch3 answers
2 reactions

The doc website has missing info

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 136.0.1 (64 bits) Reproducible demo link https://grapesjs.com/docs/api/editor.html#editor Describe the bug How to reproduce the bug? Go to https://grapesjs.com/docs/api/editor.html#editor What is the expected behav...

artf

Docs updated: https://grapesjs.com/docs/api/editor.html#available-events

artf

Thanks @bgrand-ch I'll fix it soon 🙇‍♂️

GJS Helper

Thank you for reporting this issue. You've correctly identified a bug in the GrapesJS documentation website. Root Cause: The {REPLACEEVENTS} placeholder indicates that the documentation generation process failed to correctly inject the lis...

#6425Feb 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...

GJS Helper

This is a known behavior in GrapesJS related to how its drag-and-drop system (which often relies on visual bounding boxes) interacts with elements that have zero height. While ideally, the drag-and-drop mechanism should be robust enough to...

#6420Feb 25, 2025by peterchon1 answer
0 reactions

Japanese input adds empty return

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 133.0.6943.127 (Official Build) (arm64) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug? Create a text block Start typing any japanese characters Choose an ent...

GJS Helper

The issue you're experiencing with Japanese input in GrapesJS, where the chosen entry is invisible and an extra return is added, is a common problem in rich text editors that rely on contenteditable and Input Method Editors (IMEs), such as...

Browse all topics