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...
Feature Description Add support for dark mode in the editor interface. Motivation Reduce eye strain during night-time development Match modern UI/UX standards Support system-level dark mode preferences Proposed Implementation Add dark mode color palette Create theme switching mechanism Persist user preference Add syst...
artf
same as here
GJS Helper
Adding dark mode support to GrapesJS involves a combination of CSS theming, JavaScript for theme switching and persistence, and integrating with system preferences. While GrapesJS doesn't have a built-in dark mode toggle, its modular natur...
Description The navigation menu is not properly responding to screen size changes on mobile devices. Steps to Reproduce Open the page builder Add a navigation menu component Preview on mobile device or resize browser window Observe the menu behavior Expected Behavior Menu should collapse into a hamburger menu on mobil...
artf
Hey @brighterfrog it's important to follow the template of the bug report. Please open a valid bug report (with a reproducible demo).
GJS Helper
The issue you're encountering with the GrapesJS navigation menu not being responsive on mobile devices is a common challenge, as GrapesJS primarily provides the structural components. Achieving a fully responsive, collapsing navigation men...
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...
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...