GrapesJS Issues

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

743 issues found

๐Ÿ” bug
#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...

#6422Feb 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:

GJS Helper

It appears you've identified a bug in the GrapesJS dev branch where component dragging is still possible even when the editor is in preview mode. This is indeed contrary to the expected behavior, as preview mode should disable all editing...

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

#6416Feb 22, 2025by clonefunnels2 answers
0 reactions

Htmlentities > breaking remote storage - Displays undefined

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Firefox and Chrome Reproducible demo link I can't do a demo for remote storage Describe the bug Import anything that has &gt; next to a tag with > Example: <a href="#">&gt;</a> Also happens like this: <a href="#">Home</a>...

artf

I can't do a demo for remote storage You don't need a demo for remote storage. The local and remote storage are using the same interface, which means if you're not able to reproduce with the locale storage, the problem is probably on your...

GJS Helper

This is a critical bug report. The issue where GrapesJS displays "undefined" and fails to load content when the HTML entity &gt; (greater than sign) is present, especially near HTML tags, indicates a problem with GrapesJS's internal HTML p...

#6409Feb 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

#6407Feb 16, 2025by gopukinapp2 answers
0 reactions

Custom traits are not loading inside a custom block

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Version 133.0.6943.98 Reproducible demo link https://codesandbox.io/p/sandbox/loving-breeze-mdls43?file=%2Findex.js%3A77%2C6 Describe the bug Iam trying to add some custom triats to my block unfortunately i can only see th...

artf

Your component has inner components, so if you select one of those, you will see traits of those components, not event-block. If you properly select event-block, you'll see your traits. <img width="856" alt="Image" src="https://github.com/...

GJS Helper

The issue you're encountering, where custom traits don't load for a custom block when its components property contains complex HTML but do load with a simple string, is a known behavior related to how GrapesJS parses and manages component...

#6394Feb 1, 2025by spyjo1 answer
0 reactions

Layer manager bug on Safari Mac

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Safari 18.3 Macos 14.7.3 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug? Open the Layer Manager on the right panel Try to hide "body", or open it OR click on an element, the...

GJS Helper

It appears you've encountered a known rendering quirk specific to Safari, particularly with how it handles flexbox layouts and potentially icon fonts within those layouts. The GrapesJS Layer Manager utilizes a flexbox structure for its lay...

#6376Jan 18, 2025by Harshsne261 answer
0 reactions

Setting min value to stylemanager config

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/ZYzjaYe Describe the bug What is the expected behavior? border width should be incremented from 1 when min is set to 1. What is the current behavior? But the va...

GJS Helper

The issue you're encountering with the min value not affecting the initial display of 0 for border-width is a common point of confusion. The min property in GrapesJS style manager primarily affects the stepper/slider controls and validatio...

#6374Jan 17, 2025by Harshsne262 answers
1 reactions

Cursor position misplaced

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/gbYjOWO Describe the bug How to reproduce the bug? I have called onactive on single click so that i can edit the textbox in single click. The cursor should be p...

mohamedsalem401

Hey, I've checked your code and tried to debug it. It seems to me that the code is not passing the mouse event to the onActive method, which is needed: ```js componentEl.addEventListener('click', (ev) => { component.view.onActive(ev); });

GJS Helper

The issue you're experiencing, where the cursor always goes to the beginning of the text box when activating editing on a single click, stems from how contenteditable elements are programmatically activated versus how they behave with nati...

Browse all topics