GrapesJS Issues

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

466 issues found

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

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

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

#4735Nov 17, 2022by vaneatka3 answers
0 reactions

ResetId types mismatch

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? n/a Reproducible demo link n/a Describe the bug How to reproduce the bug?. Go to https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Component.js#L1839.. Go to https://github.com/artf/grapesjs/blob/dev/index...

artf

This first one is the component method, the second is the block property (used here)

vaneatka

the reason I opened this issue is that the method is not visible. maybe there is need to a new entry for the method declaration in the types? like for the setId /*Set new id on the component / setId(id: string): this;

GJSBlock

Thanks for reporting this, @vaneatka. Great question about resetId types mismatch. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the...

#4719Nov 9, 2022by ronaldohoch1 answer
0 reactions

Strange behavior when trying to change color of buttons and texts

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave last version Reproducible demo link https://jsfiddle.net/qsd9zjrc/ Describe the bug How to reproduce the bug?Open the link (https://jsfiddle.net/qsd9zjrc/)Try to change text colorTry to change green button color by c...

GJSBlock

Thanks for reporting this, @ronaldohoch. Great question about Strange behavior when trying to change color of buttons and texts. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS docu...

#4704Nov 2, 2022by PaulSchult1 answer
0 reactions

Angular Component as Custom Color Picker is only created once

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 104.0.5112.101 Reproducible demo link https://codesandbox.io/s/awesome-dewdney-bwo5t1 Describe the bug How to reproduce the bug?Add the Text block to the content of the editor Open the StyleManager and expand the D...

GJSBlock

Thanks for reporting this, @PaulSchult. Great suggestion about Angular Component as Custom Color Picker is only created once! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using...

#4654Oct 11, 2022by malonecj3 answers
0 reactions

Custom component for text node including special characters

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v105 Reproducible demo link https://codesandbox.io/s/fancy-brook-ppyc8v?file=/index.js Describe the bug Background: I am trying to configure grapesjs to be able to edit markup that contains the Liquid template langu...

artf

Hi @malonecj I'm not sure how exactly you would expect to see and manage those components (especially when you combine templates inside conditions) but I think your current approach in isComponent is not properly correct as you have to dea...

artf

I'm closing this one as there are no issues with the core itself, if you have any other questions @malonecj let me know.

GJSBlock

Thanks for reporting this, @malonecj. Great suggestion about Custom component for text node including special characters! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the...

Browse all topics