GrapesJS Issues

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

3,464 issues found

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

#4744Nov 23, 2022by ronaldohoch2 answers
0 reactions

Transform scale and rotate don't work properly.

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Brave last versionReproducible demo link https://jsfiddle.net/ptzavm1b/Describe the bug How to reproduce the bug?Click on an elementTry to add this css style using the StyleManager Ui: transform:scale(2);You can't. What is t...

artf

You should already be able to achieve the same effect with the default transform property, your custom one is not complete. Try to reference the complete configuration here. In case you want to update properties, you should be able to exte...

GJSBlock

Thanks for reporting this, @ronaldohoch. Great suggestion about Transform scale and rotate don't work properly.! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event sys...

#4743Nov 23, 2022by JonathanRiche1 answer
0 reactions

StylePrefix property not overiding the gjs in most elements with the gjs-class

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 107.0.5304.107 (Official Build) (64-bit) Reproducible demo link https://jsfiddle.net/jonrobert/2gLdur9c/3/ Describe the bug How to reproduce the bug?Modify the stylePrefix property on any of the options in the conf...

GJSBlock

Thanks for reporting this, @JonathanRiche. Great question about stylePrefix property not overiding the gjs in most elements with the gjs-class. The recommended approach with StyleManager is to use the event-driven API. Start here: Check th...

#4739Nov 20, 2022by hemaltandel12 answers
0 reactions

Css class name with '/' converted to '-'

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Edge Version 107.0.1418.52 (Official build) (64-bit)Reproducible demo link https://codesandbox.io/s/peaceful-glade-rbfbwt?file=/src/app/app.component.tsDescribe the bug How to reproduce the bug?Create new app with grapejscal...

artf

You should still be able to use the escapeName option

GJSBlock

Thanks for reporting this, @hemaltandel1. Great question about css class name with '/' converted to '-'. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific mo...

Browse all topics