GrapesJS Issues

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

743 issues found

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

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

#4732Nov 17, 2022by Rilvatore4 answers
0 reactions

Tabs behaviour after HTML import

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 107 (MacOS) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Drag and drop the Tabs block into the editor contentClick on the "import" button on the topChange something...

artf

This is not related to the core but more to the Tab plugin which is not re-importable by default.

Rilvatore

Hey! Thanks a lot for the answer. In fact, the issues seems to come from the reimport code & store manager, that does not update the JSON part of the code. Would you have a way to take a look? Or should we create the same ticket on the tab...

artf

It's related to the Tab plugin as once you print its HTML there is no way to reimport is back. You can actually extend the Tab component and add the isComponent method to allow the parser to identify the component.

#4727Nov 12, 2022by dreamsight1 answer
0 reactions

NO NEED anyone can reproduceDescribe the bug

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Version 107.0.5304.107 (Official Build) (64-bit) ChromeReproducible demo link NO NEED anyone can reproduceDescribe the bug when saving HTML and CSS the program formats Converts CSS i.e. "@keyframes slide {" TO "@media slide{...

GJSBlock

Thanks for reporting this, @dreamsight. The issue with * appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating an inconsistent stat...

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

#4699Oct 31, 2022by DhanaDSP11202 answers
0 reactions

Undo not working properly on InsertHTML in text block

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome v107 Reproducible demo link https://jsfiddle.net/4vacxuw2/2/ Describe the bug I added an custom toolbar to insert some value in current position through rte.insertHTML options ,it works good. But when try to undo (c...

artf

Hi @DhanaDSP1120 yeah unfortunately that is expected from rte.insertHTML as it uses a custom insertion. If you need to preserve the native editing undo stack you can use this API

GJSBlock

Thanks for reporting this, @DhanaDSP1120. The issue with Undo not working properly on InsertHTML in text block appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DO...

#4682Oct 22, 2022by nabtron4 answers
0 reactions

Module not found: Error: Can't resolve 'utils/mixins'

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? chrome 106Reproducible demo link localhostDescribe the bug i updated my project containing grapesjs, however now i get this error: when i run my project, i get this error: this is what top 2 lines of module.js has: I have tr...

artf

You shouldn't try to compile grapesjs source code as the source could contain bundler-related content (as the one you mention, it's not an external package)

nabtron

@artf you shouldn't try to close tickets without reading them first. If you will read the issue, you will see that i mentioned when i "updated" it, i updated it using npm i by changing grapesjs version in package.json to latest version. Th...

artf

Yeah I understand that you have simply updated the version but it looks like you're trying to read the source of the grapesjs package, which is wrong (probably in the future, the src folder will be even removed)

Browse all topics