GrapesJS Issues

3,464 parsed GitHub issues β€” 370 solved Β· 90 open. Search, filter and explore battle-tested answers.

220 issues found

πŸ” canvas
#5674Feb 9, 2024by mauriciolcs22 answers
0 reactions

The infinite canvas is increasing its height infinitely when there is an element with a min-height of 100vh

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...

#5641Jan 24, 2024by yashvi20262 answers
0 reactions

Undomanager.remove() not working

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...

#5633Jan 20, 2024by kla-ko3 answers
0 reactions

Cannot select component in ``component:remove`` handler

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...

#5630Jan 18, 2024by kla-ko2 answers
0 reactions

Configuring an onStart() resize callback prevents resizing

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/y8L6whun/ Describe the bug How to reproduce the bug?Goto jsfiddlerun the codeon the canvas, select the blue div componenttry to drag the resi...

artf

Good catch, will fix it

GJS Helper

The issue you're encountering where configuring an onStart callback for the resizable property prevents the component from being resized is due to how GrapesJS (and often underlying drag/resize libraries) handles custom event callbacks. Wh...

#5618Jan 15, 2024by Ashwinvalento3 answers
0 reactions

Old Component script is not deleted on Import. Resulting in duplicate scripts

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Edge v120.0.2210.121 Reproducible demo link https://codepen.io/ashwinvalento/pen/jOJMPqx Describe the bug If we have set config.parser.optionsHtml.allowScripts: true and create a component with a script, Then when we impor...

artf

Reimporting directly JS as a component was never possible, so it's treated as a new one.

Ashwinvalento

Is there any way we can identify scripts of existing components and delete them on import? we wont be able to remove all the script tags since we would need to retain the scripts added manually.

GJS Helper

The issue you've encountered with script duplication when importing HTML multiple times in GrapesJS, especially with config.parser.optionsHtml.allowScripts: true, is a known behavior related to how GrapesJS reconciles components during set...

#5607Jan 10, 2024by Ju99ernaut2 answers
0 reactions

Cannot expand previously empty layers

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v120.0.6099.199 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Drag the column 1 block onto the canvasDrag any other block into the cell for example textSelect the ce...

artf

Good catch, I'll fix it

GJS Helper

This is a known bug in GrapesJS related to how the Layers panel (specifically the Layer view) reacts to changes in a component's children collection. The issue arises when a component, like a column or cell, is initially empty and then has...

#5593Jan 3, 2024by thigh4 answers
0 reactions

Layer manager not refreshing on page change

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? MS Edge 120.0.2210.91 Reproducible demo link none available Describe the bug How to reproduce the bug?update to latest grapesjs versionset up a multi-page projectnote the current layer manager hierarchyinvoke the pagemanag...

artf

Thanks for the report @thigh will fix it

sunnynk19

Hi @thigh, Looks like still not working. Have you deployed the latest npm package?

artf

Not yet published, you can find here all the releases https://github.com/GrapesJS/grapesjs/releases

#5584Dec 27, 2023by vian0132 answers
0 reactions

"storage:end:load" event is not triggered when all components are mounted into the canvas

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v91 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug? Recently I have to upgrade grapesjs v0.14.62 to the latest version (0.21.8). In the old code, we used "storage:end...

artf

@vian013 please open bug issues only with a reproducible demo link, by a quick check the event seems to work properly

GJS Helper

The change in behavior for the storage:end:load event in GrapesJS from version 0.14.62 to 0.21.8 is intentional and reflects a more granular event system. In newer versions, storage:end:load is triggered specifically when the data has been...

#5563Dec 18, 2023by leo-budgetsimple1 answer
0 reactions

The attributes of the script tags are being removed on the canvas.?

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? latest version of ChromeReproducible demo link https://grapesjs.com/demo.htmlDescribe the bug How to reproduce the bug? Taking an html string and rendering it in grapesjs with this code (I have allowScripts enabled) This is...

GJS Helper

The behavior you're observing with script tag attributes not appearing on the GrapesJS canvas, while being present in the exported HTML, is expected and by design for how GrapesJS handles non-visual elements, especially script tags carryin...

#5545Dec 5, 2023by AFriboulet-ii1 answer
0 reactions

Drag component type text trigger "rte:disable"

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 119.0.6045.200 Reproducible demo link https://jsfiddle.net/d64pkcom/1/ Describe the bug How to reproduce the bug?Drag component text in CanvasWatch the console of jsfiddle What is the expected behavior? Don't trigg...

GJS Helper

You've accurately identified a minor, yet unexpected, behavior in GrapesJS where the rte:disable event is triggered when dragging a new component (like a text block) from the blocks panel onto the canvas. This is indeed not the expected be...

Browse all topics