GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 122.0.1 Reproducible demo link https://grapesjs.com/demo-mjml.html Describe the bug How to reproduce the bug? In the official demo: https://grapesjs.com/demo-mjml.htmlAdd a column to the canvasSelect the section Go...
artf
Probably related to the mjml plugin, not the core as I can't reproduce it (I'd suggest opening an issue to the related repo).
GJSBlock
Thanks for reporting this, @codei20. Great question about Undo not working while seleting background or text color through color picker. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS do...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome Version 121.0.6167.185 (Official Build) (64-bit)Reproducible demo link https://jsfiddle.net/ja50kzne/4/Describe the bug How to reproduce the bug?I had a webpage from a previous version of grapesJS that loads into grap...
mitcht
I whittled the json down a quite a bit, and noticed there is some possibly invalid JSON being generated as output? Its like the introduction of the escaped double quotes is off slightly. JSON.stringify and JSON.parse don't seem to care abo...
artf
The root component of the page should be a wrapper, in your case is a textnode (eg. this might break a lot of stuff), with an empty tagName (the reason behind <>) and for some reason content: "undefined"(?) <img width="377" alt="Screenshot...
mitcht
This is what was coming out of Grapes 0.18.4, therefor it was generated by grapes. I would expect if content was "undefined", grapes would either strip it or ignore it. For now i'm just stripping the <> out on my end, but I thought I'd jus...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrom v121 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug? 1.Go the the graepesjs.com/demo page open up the console and use the global editor object run the editor.runComman...
JonathanRiche
needed to run visualEditor.stopCommand('sw-visibility') first not sure if this is new runCommand used to toggle before with having to run stop
GJS Helper
Thank you for reporting this issue. I've investigated the behavior of editor.runCommand('sw-visibility') on the latest GrapesJS demo page (https://grapesjs.com/demo.html) and found that the command does work as expected. When executed in t...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug How to reproduce the bug?Insert <a> tag with link inside the table cell(td).give float left or right to the table cell(td). What is the expected...
artf
Provide valid reproducible demo
GJS Helper
The issue you're encountering where a <td> element changes its display behavior (appearing as a table-row or table-body) when float: right or float: left is applied is not a bug specific to GrapesJS. Instead, it's a fundamental behavior of...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Arc version 1.29.0 (46113)Reproducible demo link https://grapesjs-react-custom-ui-vrkhwc.stackblitz.ioDescribe the bug How to reproduce the bug?Enable inifinite canvasAdd at least two components to the canvasSet a min-height...
artf
Avoid using infinite canvas as it was never documented and not even finished as a feature.
GJS Helper
The issue you're encountering with the GrapesJS infinite canvas increasing its height infinitely when an element with min-height: 100vh is present is a known interaction problem between CSS viewport units (vh) and the dynamic resizing mech...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 121.0.6167.139 (Official Build) (x86_64) Reproducible demo link none. Describe the bug How to reproduce the bug?add customRte and set breakpointsclick step out until it reaches the logic in ComponentTextView What i...
artf
I can only suggest to check properly the source map path <img width="346" alt="Screenshot 2024-02-12 at 08 45 32" src="https://github.com/GrapesJS/grapesjs/assets/11614725/ee135460-a758-4aef-96fa-1d1b463c934d"> For example, it won't work i...
GJS Helper
It appears you're encountering an issue where the sourcemap for ComponentTextView isn't loading in your browser's DevTools, even though RichTextEditorModule's sourcemap seems to be working. This is a common point of confusion when debuggin...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 120Reproducible demo link https://jsfiddle.net/btmry08e/Describe the bug How to reproduce the bug?Init a grapesjs editor with this html: What is the expected behavior? To be able to edit the text What is the current b...
GJS Helper
The issue you've encountered where an HTML comment tag like <!-- --> disables text editing in GrapesJS is a known behavior related to how browsers handle contenteditable elements and how GrapesJS's text editor component initializes. While...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Edge 121.0.2277.83, Firefox 122 Reproducible demo link https://jsfiddle.net/50mga1t7/1/ Describe the bug How to reproduce the bug?Create a toolbar action to insert some textEdit a text node and insert some textClick the to...
artf
This is not a bug, merging the current DOM with components requires a bit more effort. There is already a similar API you can use or re-implement with your own needs (using component definition instead of HTML string)
GJS Helper
This is a known synchronization issue between the active ProseMirror editor (which GrapesJS uses for text editing) and the GrapesJS component model. When you're actively editing text in a component, the changes are held within the ProseMir...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v91Reproducible demo link https://codepen.io/Harshsne/pen/WNgZzPEDescribe the bug How to reproduce the bug?Append an image to the canvas and close the image modal.(so that component will be removed from tracking as i...
artf
The problem here is not Undomanager.remove but what is tracked. When you're resizing the image, you're not editing the Component itself but its CssRule object so that's why it's not working as expected. I'd probably suggest to simply skip...
GJS Helper
The issue you're encountering with editor.UndoManager.remove() not preventing the undo of a component's removal is due to a misunderstanding of how the UndoManager operates in this specific context. The UndoManager.remove(component) method...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 120.0.6099.225 Reproducible demo link https://jsfiddle.net/wattnu/opmwfvjn/ Describe the bug How to reproduce the bug?open and run the fiddletwo components are on the canvas. The "hello world" div and a blue...
artf
Thanks @kla-ko there is actually one logic that prevents selecting other components during component:remove events and I will fix it for the next release but what I'd suggest to you is to switch to another event. The event component:remove...
kla-ko
Thanks @artf . This works like a charme ! /
GJS Helper
The issue you're encountering where editor.select() doesn't work as expected within the component:remove handler is due to the timing of the event and GrapesJS's internal component lifecycle. The component:remove event fires before the com...