GrapesJS Issues

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

3,464 issues found

#4812Dec 27, 2022by FaisalShaikhHA2 answers
1 reactions

Layerable property not working as expected in parent-child scenario.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 107.0.5304.110 (Official Build) (arm64) Reproducible demo link https://codepen.io/faisal-praella/pen/rNvOwgR Describe the bug When the parent component is set to layerable: false it is not visible & all its child not visib...

artf

Unfortunately this is how layerable currently works so it's not a bug, but I'd be glad to accept a PR to improve this behaviour.

GJSBlock

Thanks for reporting this, @FaisalShaikhHA. The issue with Layerable property not working as expected in parent-child scenario. appears to be a race condition or state management timing problem. This typically happens when component lifecy...

#4803Dec 25, 2022by miladmeidanshahi1 answer
0 reactions

Traits value type select doesn't fill value

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 108 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug? Use the tooltip component and get Traits via editor.getSelected().getTraits() as you can see data-tooltip-length v...

GJSBlock

Thanks for reporting this, @miladmeidanshahi. Great question about Traits value type select doesn't fill value. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your...

#4801Dec 23, 2022by eduardocalixtokorp2 answers
1 reactions

React components componentWillUnmount is not called

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 108.0.5359.125 (Windows)Reproducible demo link https://codesandbox.io/s/white-meadow-o56l2d?file=/src/Chart/Chart.js:135-254 This demo is not in the latest grapesjs version, but locally, using the latest version, I ha...

eduardocalixtokorp

I've noticed that in my component definition I was doing reactRoot.render(<>{reactEl} </>) in onRender() then, I was missing to add root.unmount() n remove() method

GJSBlock

Thanks for reporting this, @eduardocalixtokorp. Great question about React components componentWillUnmount is not called. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation...

#4800Dec 23, 2022by usmanqamar-int2 answers
0 reactions

Removing or adding component changes other components locations with dragMode translate, any solution please?

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://zmzr3n.csb.app/ Describe the bug How to reproduce the bug? While deleting or adding more than one component, other components have changed their position. What is the expected behavior...

artf

This is how translate works, the alternative is to use absolute mode

GJSBlock

Thanks for reporting this, @usmanqamar-int. Great question about Removing or adding component changes other components locations with dragMode translate, any solution please?. The recommended approach with Components is to use the event-dr...

#4799Dec 23, 2022by AgnRakul2 answers
0 reactions

Issues on setDragMode in version 0.20.2

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfiddle.net/6c7xw3Lu/2/ Describe the bug Screencast from 23-12-22 12:24:15 PM IST.webm DragMode Issues on Version 0.20.2 The Dragging visually is not viewed on video kindly check once...

artf

This is related to this issue and it's ready for the next release.

GJSBlock

Thanks for reporting this, @AgnRakul. The issue with Issues on setDragMode in version 0.20.2 appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications ov...

#4797Dec 21, 2022by vaneatka1 answer
0 reactions

Change type keepUnusedStyles?: 0;

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? any Reproducible demo link n/a Describe the bug Please fix the type for keepUnusedStyles?: 0; https://github.com/artf/grapesjs/blob/dev/index.d.ts#L261 to avoid code like this keepUnusedStyles: true as any, thank you.Code...

GJSBlock

Thanks for reporting this, @vaneatka. The issue with change type keepUnusedStyles?: 0; appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap,...

#4796Dec 21, 2022by RakulAgn2 answers
0 reactions

Custom Traits not Updating if using mjml

This Method Works Fine for Normal HTML. But When I Tried With MJML For MJ-IMAGE Tag The Src is Updated in TR Tag but not updated in img tag inside the TR tag The Below Image Originally posted by @RakulAgn in https://github.com/artf/grapesjs/discussions/4795

artf

@RakulAgn please avoid creating issues from discussions.

GJSBlock

Thanks for reporting this, @RakulAgn. Thanks for sharing your report about Custom Traits not Updating if using mjml. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Yo...

#4792Dec 19, 2022by wunksert4 answers
0 reactions

Drag and drop broken in 20.2

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v108Reproducible demo link see belowDescribe the bug How to reproduce the bug?Create a custom componentAdd it to the editor as a component and draggable blockSet the editor to absolute drag mode when the component add...

wunksert

Confirmed it's still working in v0.20.1, so it looks like the regression was introduced in v0.20.2

wunksert

The component is no longer draggable once it's added to the canvas either.

artf

I'll prepare a fix for the next release.

#4791Dec 19, 2022by joukhar2 answers
0 reactions

Block:drag event not working in touch devices even after including touch plugin

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome desktop Version 108.0.5359.125 latest Reproducible demo link N/A Describe the bug How to reproduce the bug? when dragging component from block manager, the event is not fired. If is necessary to execute some code in...

artf

Thanks @joukhar there is actually some inconsistency with the block:drag event and I'll try to fix it in the next release.

GJSBlock

Thanks for reporting this, @joukhar. Great question about block:drag event not working in touch devices even after including touch plugin. The recommended approach with Components is to use the event-driven API. Start here: Check the Grape...

#4790Dec 18, 2022by clonefunnels3 answers
0 reactions

Old Version BUG - In case I can't get any help getting the latest working....

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link Can't with old version. Wish I could upgrade! Describe the bug Sorry, had to check the box to post.... How to reproduce the bug?...Use old version of GrapesJS because you can't get the new sto...

clonefunnels

I don't mind sticking with the old version if this can be fixed. Or can someone please tell me how to load HTML and CSS like before without installing a Rest API?

clonefunnels

I figured out the issue. It was grapesjs-parser-postcss.min.js?0.1.1 I replaced it with 1.0.1

GJSBlock

Thanks for reporting this, @clonefunnels. Great question about Old Version BUG - In case I can't get any help getting the latest working..... The recommended approach with StyleManager is to use the event-driven API. Start here: Check the...

Browse all topics