GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Version 138.0.7204.50 (Official Build) (arm64) Reproducible demo link https://jsfiddle.net/artur_arseniev/L24hkgm5/ Describe the bug How to reproduce the bug? add layers manager and use "grapesjs": "0.22.8" or "0.22.9" dep...
GJS Helper
You've accurately identified a regression in GrapesJS versions 0.22.8 and 0.22.9 where the Layer Manager's visibility toggle from 'invisible' to 'visible' was not functioning correctly. The 'visible' to 'invisible' toggle worked as expecte...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? chrome Reproducible demo link none Describe the bug How to reproduce the bug? From the tutorial My CSS style What is the expected behavior? A blank canvas What is the current behavior? ... If is necessary to execute some c...
GJS Helper
The issue you're encountering, where the "Blocks" panel is still visible despite setting panels: { defaults: [] }, is a common point of confusion. The panels: { defaults: [] } configuration option is indeed designed to prevent GrapesJS fro...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 138.0.4 Reproducible demo link https://codesandbox.io/p/sandbox/exciting-lalande-98d5vw Describe the bug How to reproduce the bug? Add page with component that has malformed inline styles Editor does not load and e...
artf
Thanks for the report @tim-prom
GJS Helper
The issue you've encountered, where GrapesJS freezes due to malformed inline styles, is a critical bug stemming from how the editor's internal CSS parser handles invalid syntax, specifically unclosed comments. Root Cause The problem lies i...
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...
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...
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? 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 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