GrapesJS Issues

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

545 issues found

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

#5556Dec 13, 2023by pittleCheung2 answers
0 reactions

Too many classes will cause the webpage to crash

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? latest version of Chrome Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug? editor.addComponents( <ul class="mb-5 flex list-none flex-row flex-wrap border-b-0 pl-0" role="tabli...

artf

Already reported and fixed https://github.com/GrapesJS/grapesjs/issues/5525

GJS Helper

The issue you're experiencing, where GrapesJS crashes or becomes unresponsive when adding and selecting elements with a large number of utility classes (especially from frameworks like Tailwind CSS or component libraries using data-[...] a...

#5549Dec 6, 2023by driskell4 answers
0 reactions

Mj-preview is not editable

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Safari 17Reproducible demo link https://grapesjs.com/demo-mjml.htmlDescribe the bug How to reproduce the bug?https://grapesjs.com/demo-mjml.htmlGo to view code - copy the MJMLGo to import code - paste in the MJML and add to...

artf

This is not core related issue and probably not an issue at all as <mj-preview> is not supported by default in mjml plugin

driskell

@artf Sorry I don't understand. It’s an issue as detailed. Is it something to raise on the other repository? I’m not familiar with the internals here so don’t know what it is that the GrapesJS/mjml needs to support in order for this reposi...

driskell

It is noted in Head: https://github.com/GrapesJS/mjml/blob/master/src/components/Head.ts#L14

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

#5542Dec 4, 2023by brenoassp2 answers
2 reactions

Error autoplay youtube

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 119.0.6045.200 64 bits Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Drag and drop a video block into the canvasClick on the video and select YouTube as the Provider...

artf

Looks like the muted property was correct for Vimeo but not for Youtube. I'll push the fix, thanks.

GJS Helper

Thank you for reporting this issue and for your thorough investigation. You've correctly identified the root cause and a working solution. This is indeed a bug in GrapesJS's default YouTube video component. Root Cause Analysis The issue st...

#5536Nov 29, 2023by adiux1 answer
0 reactions

Can not add a link: getModel() fails with: TypeError: $ is not a function

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 119 Reproducible demo link https://jsfiddle.net/bj7afw63/1/ Describe the bug How to reproduce the bug?Load the fiddleTry to add a link with the default RTE (not CKE)Nothing happens in the UI and a JS error a...

GJSBlock

Thanks for reporting this, @adiux. Great question about Can not add a link: getModel() fails with: TypeError: $ is not a function. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS doc...

Browse all topics