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...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfiddle.net/qbpodnm4/ Describe the bug How to reproduce the bug? Select a component in the canvas. Go to the style manager and check if "General" is renamed to "Allgemein". What is th...
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...
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...
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...
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...
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...
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 > next to a tag with > Example: <a href="#">></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 > (greater than sign) is present, especially near HTML tags, indicates a problem with GrapesJS's internal HTML p...
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
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...
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...