GrapesJS Issues

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

877 issues found

🔍 question
#5631Jan 19, 2024by Harshsne262 answers
0 reactions

Undo manager add() not working as expected

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v91 Reproducible demo link -- Describe the bug How to reproduce the bug? I wanted to add an change to the undomanager stack . var components = editor.Components; editor.UndoManager.add(components.getComponents().mod...

artf

@Harshsne26 you need to provide a reproducible demo for a bug

GJS Helper

The issue you're encountering with editor.UndoManager.add() not working as expected stems from a misunderstanding of the method's intended use and the type of argument it expects. The GrapesJS UndoManager is designed to track changes to th...

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

#5621Jan 15, 2024by ronaldohoch2 answers
0 reactions

Border is not taken into consideration when showing placeholder on empty elements

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Edge last versionReproducible demo link https://grapesjs.com/demoDescribe the bug How to reproduce the bug?Get an empty elementAdd double border with high value. (20..30px...)Move any block into it.What is the expected behav...

ronaldohoch

https://github.com/GrapesJS/grapesjs/pull/5622

GJS Helper

You've accurately identified a visual bug in GrapesJS related to how the placeholder for empty elements is positioned when the element has a significant border. This behavior is reproducible in the GrapesJS demo and affects the user experi...

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

#5613Jan 12, 2024by SachinPuthiyoth1 answer
0 reactions

Incorrect type definition for StyleManagerConfig.sectors.properties

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?As per the definition for sectors in https://github.com/GrapesJS/grapesjs/blob/5c890449a52f526bc480d6dc649ff5e01ec59140/src/stylemanager/index.ts...

GJS Helper

You've accurately identified a type definition inconsistency in GrapesJS. The issue stems from a mismatch between the declared type for StyleManagerConfig.sectors.properties in src/stylemanager/config/config.ts and its actual usage and int...

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

#5583Dec 26, 2023by ronaldohoch4 answers
3 reactions

Can't set background:none in mobile version using styles panel

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Edge last version Reproducible demo link https://grapesjs.com/demo Describe the bug How to reproduce the bug?Open demo linkClick on HeaderChange view to mobile or tablet.Try to remove background from header. What is the ex...

artf

not a bug but a missing feature, we'll need to extend the stack type with a new configuration for "empty" values. I'll try to bring it in the next version.

artf

the clear icon from de property Background removes completely the properties from the selected device making it inherit again the values from the desktop settings. Correctthe clear icon in the layer line resets the stack values, setting th...

gustavohleal

I've inserted a solution for the stack type. I'm going to make a PR but I would like to ask you something first. The behavior i'm adding is:the clear icon in the layer line resets the stack values, setting the properties for the selected d...

#5570Dec 20, 2023by prateekkumar-ec3 answers
0 reactions

Import button is removing all styling from all pages.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Latest Version Reproducible demo link N/A( I can share video if required for further conversation) Describe the bug How to reproduce the bug?Suppose you have some content on your current page with some styles over t...

afrinxnahar

It would be great if you could kindly attach a video. Not sure about the empty pop-up thing

artf

@prateekkumar-ec this is not core related issue.

GJS Helper

This is a known issue related to how the GrapesJS core:import-code command handles empty CSS input, especially in multi-page setups. When the import button is clicked and the CSS input field in the popup is left empty, the command internal...

Browse all topics