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? 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...
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 136.0.7103.93 Reproducible demo link https://jsfiddle.net/j826eL51/ Describe the bug How to reproduce the bug? Follow the steps in the Getting Started page When you get to Add Blocks, the blocks don't appear. What i...
artf
Thanks for the report @jaredtmartin
GJS Helper
The issue you're experiencing, where blocks do not appear when following the GrapesJS "Getting Started" guide, stems from a misconfiguration in your grapesjs.init options, specifically related to how the blockManager and panels are set up....
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...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v135.0.7049.96 Reproducible demo link https://jsfiddle.net/bqkLwt8j/ Describe the bug When an element has an inline style and also matches an ID-based CSS rule, the styles from the ID selector are removed - even if...
artf
Thanks for the report @jsxOverdose Will be fixed in the next release
GJS Helper
You've accurately identified a specific behavior in GrapesJS where inline styles appear to completely override ID-based CSS rules, even for non-conflicting properties. This is indeed a deviation from standard CSS specificity rules and can...
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://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...
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...