GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 138.0.7204.101 Reproducible demo link https://jsfiddle.net/u3L89ejh/1/ Describe the bug How to reproduce the bug? Resize the image Drag it somewhere else on the canvas Click one of those little blue resizer squares...
artf
@jsxOverdose pushed a fix to this new release: https://github.com/GrapesJS/grapesjs/releases/tag/v0.22.11
jsxOverdose
@artf In the new version, there's another bug: when you click one of the resize handles on the Y-axis, it makes the image significantly larger. Here's the demo: https://jsfiddle.net/du81zL6r/
GJS Helper
The issue you're experiencing with elements jumping to an incorrect position after being moved and then interacting with the resizer is a known behavior related to how GrapesJS handles CSS top and left properties, particularly when positio...
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/YPXdgmj Describe the bug How to reproduce the bug? upload an image change it to mobile view resize the image What is the expected behavior? When manually changi...
mosh-tudor
@yashvi2026 That's because of your custom CSS code. Remove this part: from editor.BlockManager.add('image', {
artf
I confirm the component resizer doesn't account for !important right now, but I'd follow, more or less, what @mosh-tudor suggested. You don't need to remove the entire styles, as my guess is what you need, but I don't see the point of havi...
yashvi2026
I need to use !important in my style. I've noticed that in other components, when !important is included in the default styles, the styles added through the style manager also include !important to ensure they override the default. So, whe...
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? 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 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...
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 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...