GrapesJS Issues

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

743 issues found

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

#4784Dec 14, 2022by phamthanhbinh47963 answers
0 reactions

Bug resize image

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? 108.0.5359.73Reproducible demo link https://user-images.githubusercontent.com/44830209/56891735-89203380-6a8e-11e9-8d42-c530d5aa0ae2.gifDescribe the bug bug resize image Hi ! I have some issues when i want resize an image. W...

MrRainDrop9x

I have the same issue, can someone help us?

artf

I'd say to refer to this issue for all bugs related to absolute mode.

GJSBlock

Thanks for reporting this, @phamthanhbinh4796. The issue with Bug resize image appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creatin...

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

#4771Dec 7, 2022by henry-mmw3 answers
0 reactions

GrapesJS doesn't understand '@-webkit-keyframe' CSS rules.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v108 Reproducible demo link no link Describe the bug Add any '@-webkit-keyframe' CSS rules into the editor. Appears as '@media' instead. I've added a fair few tools to the builder now and it seems whenever I add any...

ronaldohoch

I just came here to open the same issue! :( @artf, you can add this code to check it.

artf

Reported and fixed here

GJSBlock

Thanks for reporting this, @henry-mmw. The issue with GrapesJS doesn't understand '@-webkit-keyframe' CSS rules. appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and...

#4765Dec 2, 2022by wunksert4 answers
3 reactions

The documented way to parse @keyframes does not work

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v107Describe the bug How to reproduce the bug?Follow this instructions here to create your own CSS parser, and put in a @keyframes rule css string. I used the pre-built posts parser here: hereThe structure comes out o...

artf

Hi @wunksert there was an issue related to keyframes here which was already fixed but not yet released.

artf

The fix is available in the latest version https://github.com/artf/grapesjs/releases/tag/v0.20.2

wunksert

@artf super! Do you know when the release will be?

#4763Dec 1, 2022by quentin-bettoum2 answers
0 reactions

_undoexc status open

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Firefox 106Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug Hello, When I upgraded from 0.19.5 to 0.20.1, I noticed that the page's JSON that I get using editor.getProjectData() is significantly heavier...

artf

Oh yeah, that should be removed, thanks.

GJSBlock

Thanks for reporting this, @quentin-bettoum. Great question about _undoexc status open. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look fo...

#4754Nov 30, 2022by jasonliang-dev2 answers
0 reactions

Closing `</script>` tag not escaped for script properties

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 107.0.5304.122 (64-bit) Reproducible demo link https://jsfiddle.net/j5khz1gm/ Describe the bug How to reproduce the bug?Create a custom component type with the following default properties:Add the custom com...

derciesto

@jasonliang-dev any update on this? i facing same issue.

GJSBlock

Thanks for reporting this, @jasonliang-dev. Great question about Closing </script> tag not escaped for script properties. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentati...

#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