GrapesJS Issues

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

545 issues found

πŸ” typescript
#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...

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

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

#4774Dec 9, 2022by edenizk2 answers
1 reactions

Can't set traits in attributes

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox Reproducible demo link https://jsfiddle.net/9aj630x7/ Describe the bug How to reproduce the bug?Create a elementset data-gjs-traits attribute to any default trait name like id or title, it will crush the whole thin...

artf

You should use properly parsable JSON strings eg, data-gjs-traits='["id"]', data-gjs-traits="[]"

GJSBlock

Thanks for reporting this, @edenizk. Great question about Can't set traits in attributes. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for...

#4752Nov 28, 2022by FaisalShaikhHA3 answers
0 reactions

Component with pointer-events: 'all' (except wrapper) or editable component are draggable & droppable to itself.

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 107.0.5304.121 (Official Build) (arm64)Reproducible demo link https://jsfiddle.net/artur_arseniev/aku70f5wDescribe the bug How to reproduce the bug?Try to drag and drop the editable component or component having a poi...

artf

There was an issue with the demo itself which now it's fixed (added draggable: false to the wrapper component)

FaisalShaikhHA

Patch for getCss to return always the content from the editable component is not working, can you please help me to solve this @artf The below code (present in the reproducible demo link) always returns the whole canvas or wrapper CSS stri...

GJSBlock

Thanks for reporting this, @FaisalShaikhHA. Great question about Component with pointer-events: 'all' (except wrapper) or editable component are draggable & droppable to itself.. The recommended approach with StyleManager is to use the eve...

Browse all topics